日常记录，非技术型分享，有错误希望大家帮我指正
1.微信小程序圆角样式
border-radius: 20rpx;
2.微信小程序横向布局
display: flex;
/*row 横向 column 列表 */
flex-direction: row;
/* 左右居中 */
justify-content: center;
/* 上下居中 */
align-items: center;
3.文字左右布局
父元素用到：justify-content:space-between;
子元素：
4.微信小程序文字悬浮图片上方
活动还剩2天
活动结束了
样式部分：
.img-parent{
height: 300rpx;
width: 330rpx;
position: relative;
}
.child {
width: 100px;
height: 50rpx;
position: absolute;
left: 130rpx;
top: 10rpx;
margin: auto;
text-align: center;
background: yellowgreen;
border-top-left-radius: 15px;
border-bottom-left-radius:15px;
}
.child_end {
width: 100px;
height: 50rpx;
position: absolute;
left: 130rpx;
top: 10rpx;
margin: auto;
text-align: center;
background: gray;
border-top-left-radius: 15px;
border-bottom-left-radius:15px;
}
5.微信小程序bindtap跳转页面
js部分
test:function(){
wx.navigateTo({
url: ”
})
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/hz/111632.html