wx学习

作者:Keysqiu
创建时间:2025-11-30 18:19:02 最后一次修改时间:2025-11-30 18:19:02
Categories: Tags:

经验:”在使用样式时两个父组件之间用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: '页面路径',
})