1 Star 0 Fork 1K

mydj / 微信电商小程序

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
app.wxss 3.77 KB
一键复制 编辑 原始数据 按行查看 历史
赵同学 提交于 2018-12-14 20:36 . 赵——大修改
@import 'app_font.wxss';/*6 */
/* background: #8B572A;
*/
page{
/* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
}
/* page text{
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
page view{
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
} */
.tip_tags{
padding: 0.2em 0.4em;
background: #e24148;
color: #fff;
border-radius: 0.4em;
margin-right: 0.4em;
}
.vity_tag{
margin-right: 10px;
background: #7fdb8a;
padding: 0 0.4em;
border-radius: 0.4em;
color: #fff;
max-width:9em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* 激活的tab */
.activeTab{
border-bottom: 2px solid #e24148;
color: #000 !important;
}
/**app.wxss**/
.freshView{
height: 10em;
position: fixed;
top: 0;
left:0;
right:0;
background:#ccc;
display: flex;
flex-direction: column;
align-items: center;
}
.freshView > .freshView_text{
margin-top: 0.4em;
color: #999;
font-size: 0.8em;
}
.freshView > image{
margin-top: 0.8em;
width: 1.2em;
height: 1.2em;
}
image{
width:320px;
height:0px;
display:inline-block;
overflow:hidden;
}
page{
font-size: 1em;
}
.container {
display:flex;
flex-direction:column;
}
/*布局样式*/
.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;
}
.flex{
display: flex;
}
/*float*/
.fl{
float: left;
}
.fr{
float: right;
}
.cl{
clear:left;
}
.cr{
clear:right;
}
.cb{
clear:both;
}
/*Image*/
.banner_img{
width: 100%;
height: auto;
}
.smollFont{
font-size: small;
}
.limitText{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.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;
}
/* //底线 */
.dixian{
height: 3em;
font-size: 0.8em;
display: flex;
justify-content: center;
align-items: center;
color: #aaa;
}
/* 富文本全局设置 */
.wxParseHtmlContainer{
padding: 10px;
overflow: hidden;
margin-bottom: 100rpx
}
.marginleft{
margin-left: 0.6em;
}
.noadd{
background: #eee;
}
微信
1
https://gitee.com/mydjs/wechatApp.git
git@gitee.com:mydjs/wechatApp.git
mydjs
wechatApp
微信电商小程序
master

搜索帮助