1 Star 0 Fork 1K

jackeer/微信电商小程序

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
app.wxss 2.23 KB
一键复制 编辑 原始数据 按行查看 历史
daqiang 提交于 2017-12-27 16:48 . no commit message
/* background: #8B572A;
*/
/**app.wxss**/
image{
width:320px;
height:0px;
display:inline-block;
overflow:hidden;
}
.container {
max-height: 100%;
min-height:100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
font-size: 1em;
}
/*布局样式*/
.coluContainer{
display: flex;
flex-direction: column;
}
.rowContainer{
display: flex;
flex-direction: row;
}
.flexCenter{
display: flex;
align-items: center;
justify-content: center;
}
.aliCenter{
align-items: center;
}
.jusCenter{
justify-content: center;
}
/*float*/
.fl{
float: left;
}
.fr{
float: right;
}
.cl{
clear:left;
}
.cr{
clear:right;
}
.cb{
clear:both;
}
/*Image*/
.banner_img{
width: 100%;
height: auto;
}
/*font*/
.price{
color: red;
}
.font1{
color: #333;
}
.font2{
color: #aaa;
}
.color{
color: #8B572A;
}
.fontPrice{
font-size: 16px;
}
/* 遮罩 */
.zhezhao{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.6;
z-index: 10;
}
/* active */
/* 回到首页的右上角按钮 */
.toIndex{
position: absolute;
right: 1px;
top: 1px;
width: 2em;
height: 2em;
background-size: 100% 100%;
background-image: url(http://image1.sansancloud.com/yanhuapifa/2017_10/13/14/07/40_559.jpg);
border: 1px solid #8B572A;
padding: 5px;
border-radius: 5px;
}
/* 底部按钮 */
.bottomButn{
background: #8B572A;
color: #fff;
z-index: 2;
position: fixed;
height: 3.4em;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.bottomButnHeight{
height: 3.4em;
}
/* 没东西 */
.none{
color: #555;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.none image{
width: 30%;
}
.none text{
margin-top: 10px;
}
.noProduct{
width: 100%;
}
.countNumTag{
position: absolute;
right: 0px;
top:0px;
color: #fff;
font-size: xx-small;
padding: 3px;
width: 12px;
height: 12px;
background: #c53f43;
border-radius: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
微信
1
https://gitee.com/jackeerlbj/wechatApp.git
git@gitee.com:jackeerlbj/wechatApp.git
jackeerlbj
wechatApp
微信电商小程序
master

搜索帮助