Score
0
Watch 4 Star 17 Fork 11

架构-小哥 / meizhuang-miniwechatBSD-3-Clause-Clear

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
化妆品小程序 spread retract

Clone or download
app.wxss 9.78 KB
Copy Edit Web IDE Raw Blame History
zhuan authored 2019-11-29 11:46 . init
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632
@import "static/css/foxui.wxss";
@import "static/css/iconfont.wxss";
.profile-info {
background-size: 100%;
color: #fff;
}
page {
background-color: #f3f3f3;
font-size: 16px;
height: 100%;
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}
.page {
overflow-x: hidden;
height: auto;
min-height: 100%;
overflow-y: scroll;
}
.page.navbar, .page.footer {
padding-bottom: 120rpx;
}
.page.navbar-footer, .page.footer-navbar {
padding-bottom: 200rpx;
}
/* .page.navbar-footer .fui-navbar,
.page.footer-navbar .fui-footer {
bottom: 100rpx;
} */
.page.navbar-footer .fui-footer, .page.footer-navbar .fui-navbar {
bottom: 0;
}
.page.header {
padding-top: 88rpx;
}
.page.header-sort {
padding-top: 65rpx;
}
.show {
display: block !important;
}
.hidden {
display: none !important;
}
.center {
text-align: center !important;
}
.right {
text-align: right !important;
}
.inline {
display: inline-block;
}
.fui-iphonex-button {
width: 100%;
z-index: 9999;
height: 50rpx;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
}
/*ipone X*/
.fui-navbar.bottom-buttons.fui-iphonex-navbar {
bottom: 68rpx;
}
.detailbtn-group.fui-iphonex-navbar {
bottom: 68rpx;
}
.fui-navbar.fui-iphonex-navbar {
bottom: 68rpx;
}
.bottom-buttons.fui-iphonex-navbar {
bottom: 68rpx;
}
.picker-modal.in.fui-iphonex-navbar {
bottom: 68rpx;
}
.fui-modal.in.fui-iphonex-navbar {
bottom: 68rpx;
}
.inner.in.fui-iphonex-navbar {
bottom: 68rpx;
}
.fui-footer.fui-iphonex-navbar {
bottom: 68rpx;
}
.page.footer.padding-b {
padding-bottom: 170rpx;
}
.page.navbar.padding-b {
padding-bottom: 170rpx;
}
/*优惠券顶部提示 */
.coupontips {
height: 88rpx;
background: #fdfde5;
position: fixed;
top: 0;
width: 100%;
z-index: 188;
color: #ff8000;
font-size: 26rpx;
line-height: 88rpx;
padding-left: 20rpx;
display: flex;
}
.coupontips .text {
flex: 1;
}
.coupontips .close {
width: 80rpx;
}
/*周期购标签*/
.cycle-tip {
font-size: 24rpx;
font-style: normal;
padding: 4rpx 8rpx 4rpx;
color: #fff;
width: 92rpx;
margin-right: 4rpx;
border-radius: 8rpx;
/* vertical-align: top; */
background: rgb(255, 22, 45);
background: radial-gradient(ellipse at bottom left, rgba(255, 115, 94, 1) 30%, rgba(255, 51, 51, 1) 57%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d81', endColorstr='#ff162d', GradientType=1);
}
.bargain_label {
display: inline-block;
width: 50rpx;
height: 24rpx;
vertical-align: middle;
margin-top: -5rpx;
margin-right: 10rpx;
}
rich-text img {
vertical-align: middle;
max-width: 100% !important;
}
/**
* 轮播图样式
*/
.index-banner {
position: relative;
}
.banner-dian {
position: absolute;
bottom: 20rpx;
left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.banner-dian li {
margin: 0 8rpx;
background: #666;
}
.banner-dian .dian {
border-radius: 50%;
width: 15rpx;
height: 15rpx;
}
.banner-dian .zheng {
width: 15rpx;
height: 15rpx;
}
.banner-dian .zhang {
width: 40rpx;
height: 10rpx;
}
/** 单列商品样式 */
.danitem .d-img {
width: 100%;
height: 175px;
overflow: hidden;
}
.danitem .d-img image {
width: 100%;
height: 100%;
}
.danitem {
width: 100%;
margin-bottom: 8px;
box-sizing: border-box;
padding: 30rpx;
background: #fff;
}
.danitem:last-child {
margin-bottom: 0px;
}
.danitem .d-detail {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.5;
background: #fff;
padding-left: 10px;
padding-left: 10px;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 15px;
}
.danitem .name {
font-size: 13px;
color: #3d404d;
line-height: 1;
}
.danitem .subtitle {
font-size: 12px;
color: #999ca7;
height: 18px;
}
.danitem .price {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
.danitem .text {
color: #fd463e;
font-weight: bold;
}
.danitem .buy {
display: inline-block;
height: 50rpx;
color: #fff;
line-height: 50rpx;
padding: 0;
width: 100rpx;
border-radius: 5px;
text-align: center;
border: 1px solid transparent;
float: right;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.danitem .buy.buybtn1 {
border: 1px solid #f55;
background: #f55;
}
.danitem .line-hide {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.danitem .price .productprice {
height: 24px;
line-height: 24px;
}
.danitem .price .productprice {
text-decoration: line-through;
}
.danitem .price .productprice {
width: 100%;
color: #999;
font-size: 11px;
overflow: hidden;
}
/**
*双列商品
*/
.sl-item {
width: 48%;
box-sizing: border-box;
padding: 6px;
border: 1px solid #eaeaea;
margin-bottom: 8px;
}
.sl-item .d-imga {
width: 100%;
height: 300rpx;
}
.sl-item .d-imga image {
width: 100%;
height: 100%;
object-fit: cover;
}
.sl-item .d-detail {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.5;
background: #fff;
padding-left: 10px;
padding-left: 10px;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 15px;
}
.sl-item .name {
font-size: 13px;
color: #3d404d;
line-height: 1;
}
.sl-item .subtitle {
font-size: 12px;
color: #999ca7;
height: 18px;
}
.sl-item .sold {
color: #999;
line-height: 22px;
font-size: 11px;
}
.sl-item .productprice {
width: 100%;
color: #999;
font-size: 11px;
overflow: hidden;
height: 24px;
line-height: 24px;
text-decoration: line-through;
}
.sl-item .price {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
.sl-item .text {
color: #fd463e;
font-weight: bold;
}
.sl-item .buy {
display: inline-block;
height: 40rpx;
color: #fff;
line-height: 40rpx;
padding: 0;
width: 80rpx;
border-radius: 5px;
text-align: center;
border: 1px solid transparent;
float: right;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
font-size: 26rpx;
}
.sl-item .buy.buybtn1 {
border: 1px solid #f55;
background: #f55;
}
.sl-item .line-hide {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/**
* 订单中心 样式
*/
.orderTem {
margin: -50rpx 30rpx 0;
background: #fff;
border-radius: 30rpx;
overflow: hidden;
}
.orderTitle {
width: 100%;
box-sizing: border-box;
padding: 30rpx 22rpx;
border-bottom: 1px solid #f1f1f1;
}
.orderGroup {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.order-item {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 0px;
position: relative;
}
.jiaobiaoshuliang {
position: absolute;
width: 28rpx;
height: 28rpx;
font-size: 20rpx;
line-height: 28rpx;
text-align: center;
border-radius: 50%;
top: 12rpx;
right: 50rpx;
color: #fff;
}
.orderText {
width: 100%;
height: 40rpx;
text-align: center;
line-height: 40rpx;
margin-top: 20rpx;
font-size: 28rpx;
}
/**
* 会员中心
*/
.memberTem {
width: 100%;
background: #f1f1f1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 10px 70rpx;
box-sizing: border-box;
}
.memberTem .member-review {
flex: 1;
color: #8d8d8d;
margin-top: 20rpx;
}
.memberTem .member-avatar {
/* width: 100px; */
}
.memberTem .icon-member {
width: 131rpx;
height: 131rpx;
}
.memberTem .member-info {
flex: 2;
}
.memberTem .info-item {
font-size: 30rpx;
line-height: 40rpx;
margin-top: 20rpx;
color: #8d8d8d;
}
/**
* 广告
*/
.adver-body {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0px;
left: 0px;
z-index: 10001;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.adver-body .slide-image {
width: 100%;
height: 100%;
}
.adver-body .small-bot-close {
width: 66rpx;
height: 66rpx;
border-radius: 50%;
text-align: center;
line-height: 64rpx;
font-size: 64rpx;
color: #fff;
margin: 30rpx auto 0;
}
.adver-body .small-bot-close i {
font-size: 60rpx;
}
/* 小程序电话客服以及在线客服悬窗样式 */
.contact {
position: fixed;
bottom: 10%;
right: 5%;
/* border: 2rpx solid #2dae2d; */
z-index: 999;
}
.contact .kefu {
opacity: 1;
background-color: black;
padding: 10rpx;
margin-top: 0;
width: 90rpx;
height: 90rpx;
border-radius: 45rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border: 1px solid #fff;
}
.navigator-list {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 80rpx;
height: 80rpx;
padding: 0 30rpx;
border-bottom: 1rpx solid #f7f7f7;
position: relative;
}
.navigator-list:last-child {
border-bottom: 0rpx solid #fff;
}

Comment ( 0 )

Sign in for post a comment

wechat
1
https://gitee.com/JiaGou-XiaoGe/meizhuang-mini.git
git@gitee.com:JiaGou-XiaoGe/meizhuang-mini.git
JiaGou-XiaoGe
meizhuang-mini
meizhuang-mini
master

Help Search