chenkainan
/
tongli_WeChat
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式调整

master
chenkainan 12 months ago
parent
5d94e2d064
commit
3d2f5d157d
14 changed files with 31 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      pages/index/index.vue
  2. 3
      pages/user/user.vue
  3. 2
      subPackages/hotelHomestay/order.vue
  4. 6
      subPackages/line/order.vue
  5. 5
      subPackages/line/orders.vue
  6. 1
      subPackages/notice/noticeList.vue
  7. 16
      subPackages/order/detail.vue
  8. 6
      subPackages/order/orderCoupon.vue
  9. 4
      subPackages/order/trades.vue
  10. 2
      subPackages/techan/detail.vue
  11. 6
      subPackages/techan/techanList.vue
  12. 5
      subPackages/ticketBooking/detail.vue
  13. 5
      subPackages/user/myAddressAdd.vue
  14. 3
      subPackages/user/myContactsAdd.vue

1
pages/index/index.vue
View File

@ -546,7 +546,6 @@
.scenic-title { .scenic-title {
padding: 0 4rpx; padding: 0 4rpx;
font-weight: 500;
color: #100e0e; color: #100e0e;
font-size: 28rpx; font-size: 28rpx;
margin-top: 10rpx; margin-top: 10rpx;

3
pages/user/user.vue
View File

@ -357,7 +357,6 @@
.username { .username {
margin-left: 20rpx; margin-left: 20rpx;
font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #000000; color: #000000;
} }
@ -377,7 +376,7 @@
.orderBox { .orderBox {
width: 697rpx; width: 697rpx;
background: #FFFFFF; background: linear-gradient(to bottom, #f8f4f0,rgba(248, 244, 240, .8),rgba(248, 244, 240, .5));
box-shadow: 0rpx 0rpx 23rpx 0rpx rgba(80, 80, 80, 0.12); box-shadow: 0rpx 0rpx 23rpx 0rpx rgba(80, 80, 80, 0.12);
border-radius: 20rpx; border-radius: 20rpx;
margin: -85rpx auto 0; margin: -85rpx auto 0;

2
subPackages/hotelHomestay/order.vue
View File

@ -38,7 +38,7 @@
</view> </view>
<view class="flex-1 w-1rpx" style="padding-left: 14rpx;"> <view class="flex-1 w-1rpx" style="padding-left: 14rpx;">
<view>订单确认后，您在{{new Date(selectDate.startDay).Format('yyyy年MM月dd日')}}20:00前之免费取消或 变更订单，20:00后将收取30%房费作为违约费用。</view> <view>订单确认后，您在{{new Date(selectDate.startDay).Format('yyyy年MM月dd日')}}20:00前之免费取消或 变更订单，20:00后将收取30%房费作为违约费用。</view>
<view style="color: #F84A56;">预期不可取消或/修改，扣取全额房费</view> <view style="color: #C3282E;">预期不可取消或/修改，扣取全额房费</view>
</view> </view>
</view> </view>

6
subPackages/line/order.vue
View File

@ -444,7 +444,7 @@
.price { .price {
font-size: 23rpx; font-size: 23rpx;
color: #F84A56; color: #C3282E;
line-height: 20rpx; line-height: 20rpx;
} }
.price::after { .price::after {
@ -544,7 +544,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 26rpx; padding: 0 26rpx;
box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1); box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1);
z-index: 999; z-index: 999;
@ -556,7 +556,7 @@
.price { .price {
flex: 1; flex: 1;
font-size: 36rpx; font-size: 36rpx;
color: #F84A56; color: #C3282E;
font-weight: bold; font-weight: bold;
} }

5
subPackages/line/orders.vue
View File

@ -46,7 +46,7 @@
<text>优惠券</text> <text>优惠券</text>
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view class="add-btn" v-if="!coupon">选择优惠券</view> <view class="add-btn" v-if="!coupon">选择优惠券</view>
<view style="display: flex;align-items: center;color: #FC5109;font-weight: bold;" v-if="coupon && coupon.CouponActivity"> <view style="display: flex;align-items: center;color: #C3282E;font-weight: bold;" v-if="coupon && coupon.CouponActivity">
<view>-￥{{coupon.CouponActivity.discounts/100}}</view> <view>-￥{{coupon.CouponActivity.discounts/100}}</view>
</view> </view>
<img src="https://static.ticket.sz-trip.com/changyoutaihu/images/user/rightIcon.png" class="icon-coupon"> <img src="https://static.ticket.sz-trip.com/changyoutaihu/images/user/rightIcon.png" class="icon-coupon">
@ -417,7 +417,6 @@
.product-title { .product-title {
color: #000000; color: #000000;
font-size: 33rpx; font-size: 33rpx;
font-weight: 500;
line-height: 47rpx; line-height: 47rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
@ -676,7 +675,7 @@
.order-all-text { .order-all-text {
flex: 1; flex: 1;
font-size: 36rpx; font-size: 36rpx;
color: #F84A56; color: #C3282E;
font-weight: bold; font-weight: bold;
} }
} }

1
subPackages/notice/noticeList.vue
View File

@ -121,7 +121,6 @@
margin-left: 20rpx; margin-left: 20rpx;
.title { .title {
font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #000000; color: #000000;
} }

16
subPackages/order/detail.vue
View File

@ -95,7 +95,7 @@
优惠券：<span>-￥{{info.discounts / 100}}</span> 优惠券：<span>-￥{{info.discounts / 100}}</span>
</view> </view>
<view class="flex-between"> <view class="flex-between">
实付金额：<span style="font-size: 35rpx;color: #EE3E3B;">￥{{info.pay_money / 100}}</span> 实付金额：<span style="font-size: 35rpx;color: #C3282E;">￥{{info.pay_money / 100}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -161,7 +161,7 @@
优惠券：<span>-￥{{info.discounts / 100}}</span> 优惠券：<span>-￥{{info.discounts / 100}}</span>
</view> </view>
<view class="flex-between"> <view class="flex-between">
实付金额：<span style="font-size: 35rpx;color: #EE3E3B;">￥{{info.pay_money / 100}}</span> 实付金额：<span style="font-size: 35rpx;color: #C3282E;">￥{{info.pay_money / 100}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -231,7 +231,7 @@
优惠券：<span>-￥{{info.discounts / 100}}</span> 优惠券：<span>-￥{{info.discounts / 100}}</span>
</view> </view>
<view class="flex-between"> <view class="flex-between">
实付金额：<span style="font-size: 35rpx;color: #EE3E3B;">￥{{info.pay_money / 100}}</span> 实付金额：<span style="font-size: 35rpx;color: #C3282E;">￥{{info.pay_money / 100}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -331,7 +331,7 @@
优惠券：<span>-￥{{info.discounts / 100}}</span> 优惠券：<span>-￥{{info.discounts / 100}}</span>
</view> </view>
<view class="flex-between"> <view class="flex-between">
实付金额：<span style="font-size: 35rpx;color: #EE3E3B;">￥{{info.pay_money / 100}}</span> 实付金额：<span style="font-size: 35rpx;color: #C3282E;">￥{{info.pay_money / 100}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -778,7 +778,7 @@
span { span {
width: 60rpx; width: 60rpx;
text-align: center; text-align: center;
color: rgba(238, 62, 59, 1); color: #C3282E;
display: inline-block; display: inline-block;
} }
} }
@ -863,7 +863,7 @@
.swiper-prompt { .swiper-prompt {
font-weight: 500; font-weight: 500;
font-size: 29rpx; font-size: 29rpx;
color: #EE3E3B; color: #C3282E;
text-align: center; text-align: center;
margin-bottom: 45rpx; margin-bottom: 45rpx;
} }
@ -1420,7 +1420,7 @@
span { span {
font-weight: bold; font-weight: bold;
font-size: 48rpx; font-size: 48rpx;
color: #EE3E3B; color: #C3282E;
} }
span::before { span::before {
@ -1451,7 +1451,7 @@
.pay-btn { .pay-btn {
height: 73rpx; height: 73rpx;
background: rgba(195, 40, 46, 1); background: #C3282E;
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
} }

6
subPackages/order/orderCoupon.vue
View File

@ -53,12 +53,12 @@
<view class="bottom-btn" v-if="list.length>0"> <view class="bottom-btn" v-if="list.length>0">
<view class="left" v-if="item.percent == 0"> <view class="left" v-if="item.percent == 0">
优惠： 优惠：
<span style="font-size: 24rpx;color:#FC5109;margin-left: 19.33rpx;">￥</span> <span style="font-size: 24rpx;color:#C3282E;margin-left: 19.33rpx;">￥</span>
<span style="font-size: 48rpx;color:#FC5109;font-weight: bold;">{{reducePrice}}</span> <span style="font-size: 48rpx;color:#C3282E;font-weight: bold;">{{reducePrice}}</span>
</view> </view>
<view class="left" v-else> <view class="left" v-else>
优惠： 优惠：
<span style="font-size: 48rpx;color:#FC5109;font-weight: bold;">{{reducePrice}}</span> <span style="font-size: 48rpx;color:#C3282E;font-weight: bold;">{{reducePrice}}</span>
</view> </view>
<!-- <view class="sure" @click="setCoupon(reducePrice*100)"> --> <!-- <view class="sure" @click="setCoupon(reducePrice*100)"> -->
<view class="sure" @click="setCoupon(coupon)"> <view class="sure" @click="setCoupon(coupon)">

4
subPackages/order/trades.vue
View File

@ -446,7 +446,7 @@
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #EE0000; color: #C3282E;
} }
.trade-item-head-name { .trade-item-head-name {
@ -524,7 +524,7 @@
.trade-item-pro-price-pri { .trade-item-pro-price-pri {
font-size: 27rpx; font-size: 27rpx;
color: #fc514b; color: #C3282E;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
} }

2
subPackages/techan/detail.vue
View File

@ -466,7 +466,7 @@
font-size: 42rpx; font-size: 42rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: rgba(248, 74, 86, 1); color: #C3282E;
&:before { &:before {
content: '¥'; content: '¥';

6
subPackages/techan/techanList.vue
View File

@ -47,7 +47,7 @@
<view class="left-box"> <view class="left-box">
<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small" <uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}"> :custom-style="{background:'#F7F7F7',color:'#C3282E',border:'1px solid #C3282E'}">
<view class="img-box" @click.stop="showCartClick"> <view class="img-box" @click.stop="showCartClick">
<image :src="showImg('/uploads/20241104/88b88bf627a63dd000afe769d1392fb4.png')" mode="aspectFill"></image> <image :src="showImg('/uploads/20241104/88b88bf627a63dd000afe769d1392fb4.png')" mode="aspectFill"></image>
</view> </view>
@ -591,7 +591,7 @@
.bottom-productPrice { .bottom-productPrice {
font-size: 40rpx; font-size: 40rpx;
color: #FC524B; color: #C3282E;
&:before { &:before {
content: "￥"; content: "￥";
@ -686,7 +686,7 @@
height: 78rpx; height: 78rpx;
text-align: center; text-align: center;
line-height: 78rpx; line-height: 78rpx;
background: linear-gradient(90deg, #F84A56, #FF9834); background: linear-gradient(90deg, #C3282E, #FF9834);
border-radius: 40rpx; border-radius: 40rpx;
font-size: 34rpx; font-size: 34rpx;

5
subPackages/ticketBooking/detail.vue
View File

@ -881,7 +881,7 @@
} }
.price{ .price{
color: #EE3E3B; color: #C3282E;
} }
} }
@ -943,7 +943,7 @@
.bottom-price { .bottom-price {
font-size: 48rpx; font-size: 48rpx;
font-weight: bold; font-weight: bold;
color: #EE3E3B; color: #C3282E;
} }
.bottom-price::before { .bottom-price::before {
font-size: 24rpx; font-size: 24rpx;
@ -967,7 +967,6 @@
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
.address-detail{ .address-detail{
font-weight: 500;
font-size: 27rpx; font-size: 27rpx;
color: #666666; color: #666666;
padding-right: 40rpx; padding-right: 40rpx;

5
subPackages/user/myAddressAdd.vue
View File

@ -27,7 +27,7 @@
<view class="list-item"> <view class="list-item">
<view class="list-item-title">设为默认:</view> <view class="list-item-title">设为默认:</view>
<view class="list-item-switch"> <view class="list-item-switch">
<switch :checked="idDefault" @change="switchChange" color="#7FD491"/> <switch :checked="idDefault" @change="switchChange" color="#525251"/>
</view> </view>
</view> </view>
<view class="list-item-btn"> <view class="list-item-btn">
@ -351,8 +351,9 @@
border: 0; border: 0;
background-color: transparent; background-color: transparent;
line-height: 34rpx; line-height: 34rpx;
font-size: 34rpx; font-size: 31rpx;
text-align: right; text-align: right;
font-weight: 500;
} }
.list-item-input input::placeholder { .list-item-input input::placeholder {

3
subPackages/user/myContactsAdd.vue
View File

@ -240,8 +240,9 @@
border: 0; border: 0;
background-color: transparent; background-color: transparent;
line-height: 34rpx; line-height: 34rpx;
font-size: 34rpx; font-size: 31rpx;
text-align: right; text-align: right;
font-weight: 500;
} }
input::placeholder { input::placeholder {

Write Preview
Loading…
Cancel
Save