2021-11-20 笔记

目录

一、PS快捷键总结

二、微信小程序快捷键总结

三、获取Internet时间(使用日期格式化函数)

四、模板的定义和使用

五、边距

六、include引入

七、删除循环列表的最后一条分割线

八、伪类选择器

九、text和view的区别

十、创建导航栏

十一、view区域中的文字居中

十二、实现图片在view中等比例缩放

十三、接口的调用

十四、自定义组件


一、PS快捷键总结

1. Ctrl组合键

Ctrl+N:新建图形文件

Ctrl+U:着色

Ctrl+鼠标左键:选择图层图案

Ctrl+J:复制图层

Ctrl+del:填充颜色

Ctrl+R:打开标尺工具

Ctrl+T:调节图层大小

2. Win组合键

Win+v:查看剪贴板

3. Alt组合键

Alt+滑轮:缩放图

Atl+del:快速填充

4. Ctrl+Shift组合键

Ctrl+Shift+N:新建图层

二、微信小程序快捷键总结

Shift+Alt+F:代码格式化

Ctrl+/:注释

三、获取Internet时间(使用日期格式化函数)

(1)在js文件的data中定义

(2)在wxml文件中使用

 (3)效果如下

四、模板的定义和使用

(1)在wxml文件中定义模板

(2) 在其他page文件中的wxml文件使用模板

五、边距

如图:

注: 长度单位,一般用rpx,能随着手机型号不同实现等比例缩放

Class样式

(1)margin:外边距

(2)padding:内边距

(3)font-style:字体样式

(4)font-size:字体大小

(5)font-weight:字体粗细

(6)color:字体颜色

(7)background-color:view的背景颜色

(8)border-radius:view的圆角矩形

(9)width:view内容的宽度

(10)border:边框(solid为实线,dashed为扁虚线,)

(11)多出的文字用…表示

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

(12)line-height:设置行间距

六、include引入

include相当于把引入的文件内容直接复制到目录文件中,步骤如下图:

(1)定义

(2)引入内容

(3)引入样式

七、删除循环列表的最后一条分割线

方法一:使用wx:for-index

方法二: 使用伪类选择器

view:last-child{
  border-bottom: 0;
}

八、伪类选择器

九、text和view的区别

text不换行

view换行

十、创建导航栏

参数介绍:

 步骤:

十一、view区域中的文字居中

text-align: center;

十二、实现图片在view中等比例缩放

十三、接口的调用

十四、自定义组件

(1)定义组件

(2)使用自定义组件

 

猜你喜欢

转载自blog.csdn.net/m0_58489132/article/details/121444165