微信小程序

it2022-07-03  124

WXSS : 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素

样式导入:使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

WXML:可以使用一个 <block/> 标签将多个组件包装起来

 数据绑定{{}} :扩展运算符 ... 来将一个对象展开   

                          花括号和引号之间如果有空格,将最终被解析成为字符串

checked="{{false}}"

列表渲染:wx:for 下标默认index,变量名默认item

wx:if   wx:elif 和 wx:else 同v-if

template:两种文件引用方式import和include(),include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入

1.总结

消除图片下边距的三个方法:

1.图片属性加 display: block把图片转换为块状元素显示。

2.图片的父级标签加上 font-size: 0;

3.图片属性上加 vertical-align: top; (1 和 3 不能同时使用)

容器背景图片无法使用background-image

自定义字体:无法显示在手机端

如果太大 先用fontmin 提取需要的字弄小------》 转成base64 https://transfonter.org/--——-》ok

2.组件 

scroll-view


最新回复(0)