经验:”在使用样式时两个父组件之间用margin,父组件自己内部的子组件之间用paddding,从而达到隔开的效果,不那么紧密"
① 把一个组件的角进行圆润:
box-sizing: border-box;
border-radius: 20rpx;
② 给一个组件的四条边上色:
border: 1rpx solid #c2c2c2;
③ 父组件内部列对齐 / 行对齐
display: flex;
flex-direction: column;/flex-direction: row; /*column为在同一列,row为在同一行
④ 给一个组件上色用backgorund-color,给组件内的文本上色用color
⑤ 调节字体间距用
letter-spacing
⑥ 给卡片增加阴影效果
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
⑦ 给图片的角度进行圆润处理
border-radius
⑧ 在页面上使用外部模块的话,用wxs,在js文件使用外部模块的话,用require
⑨ 跳到另一个界面之后把当前界面卸载掉用
wx.redirectTo({
url: '页面路径',
})