添加积分商城

Liuyi

2024-11-16 ec17a3732f0f80f4a8d7f7867249f2581b221a27

 pages/counterRecharge/index.vue

@@ -1,9 +1,12 @@
<template>
   <view class="container">
      <navbar title="柜台充值"></navbar>
      <view class="navbar">
         <!-- <image src="../../static/images/index/home21.png" alt="" @click="navTo()"></image> -->
         <text>柜台充值</text>
      </view>
      <view class="content">
         <view class="title1">青河直饮水</view>
         <image src='../../static/images/other/icon_pay.png'></image> 
         <view class="title1">青源直饮水</view>
         <!-- <image src='../../static/images/other/icon_pay.png'></image> -->
         <view class="title2">柜台充值</view>
      </view>
   </view>
@@ -64,6 +67,11 @@
         }
      })
   }
   function navTo(){
      uni.navigateTo({
         url:'/pages/index/index'
      })
   }
   onMounted(async() =>{
      await counterRecharge()
   })
@@ -73,6 +81,27 @@
   .container{
      width: 100%;
      height: 100vh;
         .navbar{
            width:100%;
            height:176rpx;
            background: linear-gradient(to bottom,#5EA1FA,#8BC1FC);
            display: flex;
            align-items: flex-end;
            padding-bottom:24rpx;
            box-sizing: border-box;
            image{
               width:20rpx;
               height:40rpx;
               margin-left:32rpx;
            }
            text{
               font-weight: 400;
               font-size: 36rpx;
               color: #000000;
               margin-left: 234rpx;
				   
            }
         }
      .content{
         width: 100%;
         height:calc(100vh - 176rpx);
@@ -82,12 +111,12 @@
         justify-content:flex-start;
         align-items:center;
         flex-direction: column;
         padding-top:60rpx;
         padding-top:40rpx;
         box-sizing: border-box;
         .title1{
            margin-bottom:20rpx;
            color: #3f85da;
            font-size:50rpx;
            font-size:42rpx;
         }
         .title2{
            margin-bottom:20rpx;