微信小程序UI代码书写范例
文章图片
样式文件：
【微信小程序UI代码书写范例】/**index.wxss**/
.weui-grids {
background-color: white
}
.cl{ clear: both}
.fl{ float:left}
.fr{ float:right}
.mrt20{ margin-top:20px }
.mrt10{ margin-top:10px }
.pdt20{ padding-top:20px }
.pdt10{ padding-top:10px }
.pdt5{ padding-top:5px }
.pdt6{ padding-top:6px }
.pdt8{ padding-top:8px }
.head-bg{ background-color:#ecfbf4;
height: 100px;
padding-top: 10px}
.themes-list-img-big{width: 60px;
height: 58px;
}
.themes-list-img{ width: 20px;
height: 21px;
}
.themes-list-img1{width: 28px;
height: 30px;
}
.card1{ float: left;
width: 15%;
text-align: center;
padding-top: 10px}
.card2{ float: left;
width: 70%;
text-align: center}
.card3{ float: right;
width: 15%;
text-align: center;
padding-top: 10px}
.themes-box-subtitle{ clear: both;
display: block;
width: 100%;
text-align: center;
font-size: 30rpx;
}
.nav{ text-decoration:none }
.fast-btn-box{ margin-top: 15px;
background-color: white;
clear: both;
}
.title1{clear: both;
display: block;
width: 100%;
font-weight: bold;
}
.img1{width:60px;
height: 61px;
}
.fast1{float: left;
width: 35%;
text-align: center;
border-right: 1px #e2e2e2 solid;
}
.fast1 image{display: block;
margin:0 auto;
margin-top: 10px}
.fast2{float: left;
width: 64%;
text-align: center;
}
.subtitle{clear: both;
display: block;
width: 100%;
font-size: 30rpx;
color: #9d9d9d;
height: 20px;
}
.fast2-sub{ text-align: left;
border-bottom: 1px #e2e2e2 solid;
}
.fast2-sub-sub{ width: 60%;
padding-top: 10px;
float:left;
padding-left: 10px}
.fast2-sub-sub navigator{ width: 10%;
display: block;
float:left;
text-align: center}
.title2{clear: both;
display: block;
width: 100%;
font-weight: bold;
}
.fast2-sub2{ text-align: left;
}
.fast-btn-list{ padding-bottom: 15px;
padding-top: 15px}
.fast-btn-list navigator{ float: left;
width: 33.33%;
text-align: center;
}
/*.fast-btn-list image{ display: block;
margin:0 auto;
}*/
.title3{clear: both;
display: block;
width: 100%;
font-size: 35rpx;
}
推荐阅读
- 一个小故事，我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗（）