From ec17a3732f0f80f4a8d7f7867249f2581b221a27 Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期六, 16 十一月 2024 17:19:27 +0800
Subject: [PATCH] 添加积分商城
---
pages/counterRecharge/index.vue | 39 ++++++++++++++++++++++++++++++++++-----
1 files changed, 34 insertions(+), 5 deletions(-)
diff --git a/pages/counterRecharge/index.vue b/pages/counterRecharge/index.vue
index a4935da..6f8836f 100644
--- a/pages/counterRecharge/index.vue
+++ b/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;
--
Gitblit v1.9.3