1.uniapp字体图标使用
一般我们用的目录如下,存放的资源如图,
引入方式:
@import "../../static/css/font/font.wxss";
使用方式:
<view class="cst">
<text class="fontImage iconfont icon-qizi"></text>
<text class="text">我要参与</text>
<text class="iconfont icon-youjiantou icon-we"></text>
</view>
然后设置大小及颜色
2.小程序100%全屏幕高度
html结构:
<template>
<view class="myself">
<List></List>
</view>
</template>
css结构:
<style lang="scss">
body,html{
height:100%
};
uni-page-body{
height:100%;
}
.myself{
background: #efeff4;
height:100%;
}
</style>
总结:加个body,html{height:100%}; 看页面结构,添加高度
3.复选框的使用
小程序中参考api, checkbox外面必须嵌套checkbox-group,
uni-app写法上类似,但是 小程序中的 :value 要换成value,
value的解释是:
checkbox标识,选中时触发checkbox-group的 change 事件,并携带 checkbox 的 value
checked在uni-app遇到的bug,页面一进入就会显示选中,不管checked的值是false还是true,解决方式,去掉 checked整段,使参数默认。