页面

MrShi

8 天以前 1a0d015ebde58481bc9bba4bc7a2b5154fcabfe5

 bicycle/pages/index/index.vue

@@ -99,8 +99,18 @@
            </view>
            <image src="@/static/images/ic_safe@2x.png" mode="widthFix"></image>
         </view>
         <view class="index_scancode_fl">
            <view class="index_scancode_fl_tips">福利</view>
            <view class="index_scancode_fl_text">仅需199元 可得“畅骑一夏”骑行卡</view>
            <view class="index_scancode_fl_btn">去看看</view>
         </view>
         <button class="index_scancode_bottom" open-type="getPhoneNumber" @getphonenumber="getPhone" v-if="!userInfo.mobile">扫码租车</button>
         <view class="index_scancode_bottom" @click="carRental" v-else>扫码租车</view>
         <view class="index_scancode_xieyi">
            <text>计费规则</text>
            ｜
            <text>租赁须知</text>
         </view>
         <view class="index_scancode_zw"></view>
      </view>
      <!-- 自行车-缴纳押金 --> 
@@ -307,19 +317,29 @@
               },
               {
                  id: 3,
                  name: '计价规则',
                  icon: require('@/static/images/home_ic_guize@2x.png')
                  name: '团购验券',
                  icon: require('@/static/images/home_ic_yajing@x.png')
               },
               {
                  id: 4,
                  name: '消费明细',
                  icon: require('@/static/images/home_ic_mingxi@2x.png')
                  name: '个人中心',
                  icon: require('@/static/images/home_ic_jiesuan@x.png')
               },
               {
                  id: 5,
                  name: '运营中心',
                  icon: require('@/static/icon/home_ic_mingxi.png')
               },
               // {
               //    id: 3,
               //    name: '计价规则',
               //    icon: require('@/static/images/home_ic_guize@2x.png')
               // },
               // {
               //    id: 4,
               //    name: '消费明细',
               //    icon: require('@/static/images/home_ic_mingxi@2x.png')
               // },
               // {
               //    id: 5,
               //    name: '运营中心',
               //    icon: require('@/static/icon/home_ic_mingxi.png')
               // },
            ],

            info: {},
@@ -717,12 +737,15 @@
         async jump(item) {
            await this.refresh()
            if (item.id === 3) {
               // uni.navigateTo({
               //    url: '/pages/pricingRules/pricingRules'
               // });
               uni.navigateTo({
                  url: '/pages/pricingRules/pricingRules'
                  url: '/pages/couponRedemption/couponRedemption'
               });
            } else if (item.id === 4) {
               uni.navigateTo({
                  url: '/pages/consumptionDetails/consumptionDetails'
                  url: '/pages/personalCenter/personalCenter'
               }); 
            } else if (item.id === 5) {
               if (!this.userInfo.sysuser) {
@@ -1604,7 +1627,7 @@
            
            .index_zw1 {
               width: 100%;
               height: calc(env(safe-area-inset-bottom) + 310rpx);
               height: calc(env(safe-area-inset-bottom) + 360rpx);
            }

            .index_zw {
@@ -1617,14 +1640,14 @@

      .index_scancode {
         width: 100%;
         height: 306rpx;
         // height: 306rpx;
         background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 58%, #D0FFFD 100%);
         box-shadow: 0rpx -6rpx 16rpx 0rpx rgba(0, 0, 0, 0.1);
         border-radius: 32rpx 32rpx 0rpx 0rpx;
         position: fixed;
         bottom: 0;
         left: 0;
         padding: 30rpx 20rpx;
         padding: 30rpx 20rpx 30rpx 20rpx;
         box-sizing: border-box;

         .index_scancode_top {
@@ -1661,6 +1684,42 @@
               flex-shrink: 0;
            }
         }
			
         .index_scancode_fl {
            width: 100%;
            display: flex;
            align-items: center;
            margin-top: 18rpx;
            .index_scancode_fl_tips {
               width: 64rpx;
               height: 36rpx;
               line-height: 36rpx;
               text-align: center;
               background: #FF5A31;
               border-radius: 2rpx 12rpx 2rpx 12rpx;
               margin-right: 16rpx;
               font-weight: 400;
               font-size: 24rpx;
               color: #FFFFFF;
            }
            .index_scancode_fl_text {
               font-weight: 400;
               font-size: 26rpx;
               color: #FF5A31;
            }
            .index_scancode_fl_btn {
               width: 88rpx;
               height: 36rpx;
               line-height: 36rpx;
               text-align: center;
               background: #EAF9F8;
               border-radius: 4rpx;
               font-weight: 400;
               font-size: 24rpx;
               color: #01B6AD;
               margin-left: 8rpx;
            }
         }

         .index_scancode_bottom {
            width: 100%;
@@ -1675,6 +1734,19 @@
            font-weight: 500;
            color: #FFFFFF;
            margin-top: 30rpx;
         }
			
         .index_scancode_xieyi {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 30rpx;
            text {
               font-weight: 400;
               font-size: 26rpx;
               color: #999999;
            }
         }
      }

@@ -2149,4 +2221,4 @@
         }
      }
   }
</style>
</style>