做微信小程序的不完全记录

JSON篇
1、JSON是不支持备注的 如果备注了会报错
2、当你想要运行时首先看到哪个界面就把那个界面换到pages的第一行
WXML篇
1、1几个在页面中不会被渲染的标签
navigator
block
2、text支持嵌套,例:

<view class='colnumy-3'>
<text class='baoText-1'>
<text style='color: deeppink;background-color: white;font-size: 25rpx;'>
一段文字	</text>
 另一段文字
 </text>
</view>

3、 写页面的时候不能用一个view把所有的内容框起来,这样会导致在不同手机上左右滑动 很难看
4、调用接口的时候 只有用for循环来渲染页面时 才可以用item.xx

<view class='tagli' wx:for="{{recommend.goods.activities}}">
            <text>{{item.title}}</text>
          </view>

WXSS篇
1、布局尽量使用display:flex布局 非常灵活
2、如果图片与文字之间有间距且不能通过margin来调整,试试将图片设置成块元素 display:block 可以解决
3、文字属性:
font-size: 30rpx;//设置字体大小
font-family: PingFang-SC-Medium;//设置字体格式
font-weight: 500;//设置字体粗细
color: rgba(153, 153, 153, 1);//设置字体颜色
margin: 30rpx 0 0 302rpx;//设置位置 距离外边距距离
display: flex;
align-content: center;
justify-content: center;//设置文字居中
text-align:center//文字居中
4、
margin:距离外边距
margin:上 右 下 左;
padding:距离内边距
padding:上 右 下 左;
JS篇
当用户下拉刷新时页面不能自动恢复 解决方法
在当前页面的js文件面加入

 onPullDownRefresh:function(){
    wx.stopPullDownRefresh();
  },

圆形进度条
http://www.php.cn/xiaochengxu-386619.html

猜你喜欢

转载自blog.csdn.net/qq_43264596/article/details/82958061
今日推荐