Skip to content

U
user
Commit 808b07ab by weijiguang
Options

修改样式

parent 1e2b877b
Showing with 67 additions and 71 deletions
components/menuAssembly/index.vue
......@@ -294,7 +294,7 @@ export default {
display: flex;
align-items: center;
padding: 0rpx 32rpx 0rpx 32rpx;
margin-bottom: 64rpx;
margin-bottom: 60rpx;
background: #fff;
position: relative;
.thumbnailBox{
......@@ -310,7 +310,7 @@ export default {
//缩略图
width: 160rpx;
height: 160rpx;
margin-top: -2rpx;
// margin-top: -2rpx;
vertical-align: bottom;
}
}
......@@ -364,7 +364,7 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 22rpx;
margin-top: 28rpx;
.priceBox{
display: flex;
flex-wrap: nowrap;
......@@ -378,7 +378,7 @@ export default {
color: #333333;
line-height: 30rpx;
margin-right: 4.2rpx;
font-weight:500;
font-weight: 500;
.moneyLog {
font-size: 24rpx;
......@@ -400,15 +400,14 @@ export default {
}
.addbox{
// line-height: 26rpx;
// margin-top: 20rpx ;
padding-top: 12rpx;
.add {
// padding-top: 10rpx;
margin-right: -1rpx;
width: 40rpx;
height: 40rpx;
margin-top: 1rpx;
width: 44rpx;
height: 44rpx;
}
}
}
}
......
components/tabBar/tabBar.vue
......@@ -88,6 +88,7 @@
}
.navigator-item {
padding-top: 1rpx;
display: flex;
align-items: center;
flex-direction: column;
......
menuSubPackage/pages/goodsDetail/goodsDetail.vue
......@@ -424,15 +424,14 @@ export default {
}
.spec-info-left {
padding: 24rpx 32rpx;
padding: 28rpx 32rpx;
}
.good {
display: block;
width: 100%;
text-align: left;
// background-color: #000000;
.good-name {
font-size: 28rpx;
......@@ -449,7 +448,7 @@ export default {
}
.good-spec-name {
padding-top: 30rpx;
padding-top: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
color: #999999;
font-weight: 400;
......@@ -490,7 +489,7 @@ export default {
}
.good-spec-rule-item {
padding: 7rpx 48rpx;
padding: 7rpx 24rpx;
width: 100%;
height: 100%;
font-size: 24rpx;
......@@ -503,13 +502,15 @@ export default {
line-height: 40rpx;
border-radius: 0rpx;
border: none;
font-style: normal;
font-family: PingFangSC-Regular, PingFang SC;
background: #EAEAEA;
pointer-events: none;
&.active {
font-weight: 400;
padding: 7rpx 48rpx 6rpx 48rpx;
padding: 7rpx 24rpx;
background: #0050F6;
font-style: normal;
color: #FFFFFF;
border-radius: 0rpx;
border: 0rpx;
......@@ -583,7 +584,7 @@ button[disabled]:not([type]) {
background: #FFFFFF;
justify-content: space-between;
align-items: center;
padding: 24rpx 32rpx 24rpx 32rpx;
padding: 26rpx 32rpx 26rpx 32rpx;
.price{
display: flex;
align-items: flex-end;
......@@ -641,7 +642,7 @@ button[disabled]:not([type]) {
.good-select-btn2 {
width: 328rpx;
height: 106rpx;
height: 104rpx;
border-radius: 2px;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
......
orderSubPackage/pages/orderInfo/index.vue
......@@ -35,50 +35,40 @@
</div>
</div>
<div class="shop_info">
<div class="address">
<div class="address_1">{{ orderInfo.shop.name }}</div>
<div class="address_2">{{ orderInfo.shop.address }}</div>
</div>
<div v-for="item in orderInfo.orderDetails" :key="item.id">
<div class="goods">
<div class="goods_item">
<image v-if="jsonParse(item.goods.pics).thumbnailApplet" :src="jsonParse(item.goods.pics).thumbnailApplet" class="goods_img" />
<image v-else :src="jsonParse(item.goods.pics).thumbnail" class="goods_img" />
<div class="goods_text">
<div class="goods_name">
<div class="name">{{ item.goodsName }}</div>
<div class="price">¥{{ Utils.isInteger(item.realAmount) }}</div>
</div>
<div class="goods_psce">
<div class="psce_name">
<span v-for="(rule, index) in jsonParse(item.specRuleDetail)" :key="rule.specId">
{{ rule.ruleName }}
<text v-if="index != jsonParse(item.specRuleDetail).length - 1">/</text>
</span>
</div>
<div class="size">x{{ item.num }}</div>
<div class="address">
<div class="address_1">{{ orderInfo.shop.name }}</div>
<div class="address_2">{{ orderInfo.shop.address }}</div>
</div>
<div v-for="item in orderInfo.orderDetails" :key="item.id">
<div class="goods">
<div class="goods_item">
<image v-if="jsonParse(item.goods.pics).thumbnailApplet" :src="jsonParse(item.goods.pics).thumbnailApplet" class="goods_img" />
<image v-else :src="jsonParse(item.goods.pics).thumbnail" class="goods_img" />
<div class="goods_text">
<div class="goods_name">
<div class="name">{{ item.goodsName }}</div>
<div class="price">¥{{ Utils.isInteger(item.realAmount) }}</div>
</div>
<div class="goods_psce">
<div class="psce_name">
<span v-for="(rule, index) in jsonParse(item.specRuleDetail)" :key="rule.specId">
{{ rule.ruleName }}
<text v-if="index != jsonParse(item.specRuleDetail).length - 1">/</text>
</span>
</div>
<div class="size">x{{ item.num }}</div>
</div>
</div>
</div>
<!-- <div class="discount">
<div class="discount_1">
<div class="name">优惠免减</div>
<div class="price">¥{{ setPrice(item.amount - item.realAmount) }}</div>
</div>
<div class="concessional_rate">
<div class="name">特惠价</div>
<div class="price">¥{{ setPrice(item.realAmount) }}</div>
</div>
</div> -->
</div>
<div class="total">
<div class="size">共{{ totalNum }}件商品</div>
<div class="price">
<span class="paid_in">实付</span>
<span class="money">￥{{ Utils.isInteger(orderInfo.amount) }}</span>
</div>
</div>
<div class="total">
<div class="size">共{{ totalNum }}件商品</div>
<div class="price">
<span class="paid_in">实付</span>
<span class="money"><text class="money_logo">￥</text>{{ Utils.isInteger(orderInfo.amount) }}</span>
</div>
</div>
</div>
<div class="order_describe">
......@@ -332,7 +322,7 @@ export default {
<style lang="scss" scoped>
.pages {
padding-top: 1rpx;
padding-bottom: 30rpx;
padding-bottom: 32rpx;
.topBar{
position: fixed;
width: 100%;
......@@ -485,7 +475,7 @@ export default {
.flow_describe {
padding-top: 50rpx;
padding-left: 32rpx;
padding-right: 30rpx;
padding-right: 32rpx;
padding-bottom: 58rpx;
.title {
......@@ -510,7 +500,7 @@ export default {
.shop_info {
margin: 32rpx;
background: #FFFFFF;
padding: 40rpx 30rpx 22rpx 30rpx;
padding: 40rpx 32rpx 22rpx 32rpx;
h3 {
font-size: 28rpx;
......@@ -547,7 +537,7 @@ export default {
.goods_item {
display: flex;
align-items: center;
margin-top: 30rpx;
margin-top: 32rpx;
}
.goods_img {
......@@ -597,10 +587,10 @@ export default {
}
.size {
height: 34rpx;
line-height: 34rpx;
height: 40rpx;
line-height: 40rpx;
font-size: 28rpx;
margin-top: 24rpx;
font-size: 24rpx;
font-family: ArialMT;
color: #666666;
}
......@@ -659,11 +649,12 @@ export default {
.size {
height: 40rpx;
line-height: 40rpx;
line-height: 52rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
}
.price {
display: flex;
......@@ -675,16 +666,19 @@ export default {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
// vertical-align: bottom;
}
.money {
height: 48rpx;
line-height: 50rpx;
vertical-align: top;
font-size: 36rpx;
font-family: Futura-Medium, Futura;
font-weight: 500;
color: #333333;
.money_logo {
font-weight: 900;
}
}
}
}
......@@ -692,8 +686,8 @@ export default {
.order_describe {
background: #fff;
padding: 24rpx 30rpx 24rpx 32rpx;
margin: 30rpx 32rpx 32rpx 32rpx;
padding: 24rpx 32rpx 24rpx 32rpx;
margin: 32rpx 32rpx 32rpx 32rpx;
.title {
font-size: 28rpx;
......
pages/menu/menu.vue
......@@ -443,7 +443,7 @@ export default {
width: 718rpx;
height: 179rpx;
background: #FFFFFF;
box-shadow: -2px -2px 8px 0px rgba(102, 102, 102, 0.1), 4px 4px 8px 0px rgba(102, 102, 102, 0.1);
box-shadow: -2px -2px 8px 0px rgba(102, 102, 102, 0.1), 2px 2px 8px 0px rgba(102, 102, 102, 0.1);
box-sizing: border-box;
position: relative;
left: 16rpx;
......
pages/order/order.vue
......@@ -326,7 +326,7 @@ export default {
background: #FFFFFF;
margin: 32rpx auto 0;
box-sizing: border-box;
padding: 25rpx 30rpx 30rpx 30rpx;
padding: 25rpx 32rpx 32rpx 32rpx;
.order_header {
display: flex;
......@@ -343,12 +343,13 @@ export default {
.order_time {
font-size: 24rpx;
font-family: ArialMT;
margin-top: 4rpx;
margin-top: 3rpx;
line-height: 28rpx;
color: #999999;
}
.order_status {
margin-top: 7rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
......@@ -376,7 +377,7 @@ export default {
}
.goods_item {
margin-top: 42rpx;
margin-top: 41rpx;
display: flex;
// align-items: center;
......@@ -439,7 +440,7 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40rpx;
margin-top: 39rpx;
.total {
font-size: 28rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment