1 Star 0 Fork 26

Honorable/社区团购小程序

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
app.css 5.14 KB
Copy Edit Raw Blame History
赵同学 authored 2021-03-22 16:06 . 赵同学-社区团购小程序
@import "./app_font.css";/*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(https://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;
box-sizing: border-box;
}
.marginleft{
margin-left: 0.6em;
}
.noadd{
background: #eee;
}
/* 授权 */
.authorization{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index:10001;
}
.authorizationBg{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index:10000;
}
.authorizationPopup{
width: 500rpx;
height: 200rpx;
background: #fff;
border-radius:10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between
}
.buttonArray{
display: flex;
flex-direction: row;
width: 100%
}
.tipContent{
padding: 30rpx;
}
.button{
border: 2rpx solid #ddd;
width: 50%;
border-radius: 0rpx;
border-bottom: none;
}
.confirm{
border-left: none;
border-right: none;
}
.cancel{
border-left: none;
}
.popupPage{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom: 6%;
left: 50%;
width: 680rpx;
height: 86%;
margin-left: -340rpx;
background: #fff;
padding: 20rpx;
z-index: 10002;
box-sizing:border-box;
}
/* .submitBtn{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom:7%;
left: 50%;
width: 650rpx;
margin-left: -325rpx;
color: #fff;
padding: 20rpx;
z-index: 10002;
box-sizing:border-box;
border-radius: 20rpx;
font-size: 30rpx;
} */
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
wechat
1
https://gitee.com/mabingqian/community-group-buying-app.git
git@gitee.com:mabingqian/community-group-buying-app.git
mabingqian
community-group-buying-app
社区团购小程序
master

Search

D67c1975 1850385 1daf7b77 1850385