删除

src/common/navbar.css

@@ -1,23 +0,0 @@
-.nav-bar {
-    width: 100%;
-    height: 88rpx;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background: #181818;
-}
-
-.nav-bar view:first-child {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-
-.nav-bar view:last-child {
-    position: absolute;
-    top: 50%;
-    right: 32rpx;
-    transform: translate(0, -50%);
-}

src/components/navbar/navbar.vue

@@ -1,39 +0,0 @@
-<template>
-  <view>
-    <view class="nav-bar font-size-nm font-weight-bold">
-      <view>
-        <slot name="title" />
-      </view>
-      <view @click="getNav">
-        <slot name="right" />
-      </view>
-    </view>
-    <view class="mask">
-
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  props: {
-    url: {
-      type: String,
-      default: "",
-    },
-  },
-  methods: {
-    getNav() {
-      uni.navigateTo({
-        url: this.url,
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-  .mask{
-    height: 56rpx;
-  }
-</style>

src/components/uni-icons/uni-icons.vue

@@ -1,96 +0,0 @@
-<template>
-	<!-- #ifdef APP-NVUE -->
-	<text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" @click="_onClick">{{unicode}}</text>
-	<!-- #endif -->
-	<!-- #ifndef APP-NVUE -->
-	<text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" :class="['uniui-'+type,customPrefix,customPrefix?type:'']" @click="_onClick"></text>
-	<!-- #endif -->
-</template>
-
-<script>
-	import icons from './icons.js';
-	const getVal = (val) => {
-		const reg = /^[0-9]*$/g
-		return (typeof val === 'number' ||　reg.test(val) )? val + 'px' : val;
-	} 
-	// #ifdef APP-NVUE
-	var domModule = weex.requireModule('dom');
-	import iconUrl from './uniicons.ttf'
-	domModule.addRule('fontFace', {
-		'fontFamily': "uniicons",
-		'src': "url('"+iconUrl+"')"
-	});
-	// #endif
-
-	/**
-	 * Icons 图标
-	 * @description 用于展示 icons 图标
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
-	 * @property {Number} size 图标大小
-	 * @property {String} type 图标图案，参考示例
-	 * @property {String} color 图标颜色
-	 * @property {String} customPrefix 自定义图标
-	 * @event {Function} click 点击 Icon 触发事件
-	 */
-	export default {
-		name: 'UniIcons',
-		emits:['click'],
-		props: {
-			type: {
-				type: String,
-				default: ''
-			},
-			color: {
-				type: String,
-				default: '#333333'
-			},
-			size: {
-				type: [Number, String],
-				default: 16
-			},
-			customPrefix:{
-				type: String,
-				default: ''
-			}
-		},
-		data() {
-			return {
-				icons: icons.glyphs
-			}
-		},
-		computed:{
-			unicode(){
-				let code = this.icons.find(v=>v.font_class === this.type)
-				if(code){
-					return unescape(`%u${code.unicode}`)
-				}
-				return ''
-			},
-			iconSize(){
-				return getVal(this.size)
-			}
-		},
-		methods: {
-			_onClick() {
-				this.$emit('click')
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	/* #ifndef APP-NVUE */
-	@import './uniicons.css';
-	@font-face {
-		font-family: uniicons;
-		src: url('./uniicons.ttf') format('truetype');
-	}
-
-	/* #endif */
-	.uni-icons {
-		font-family: uniicons;
-		text-decoration: none;
-		text-align: center;
-	}
-
-</style>

src/components/uni-icons/uniicons.css

@@ -1,663 +0,0 @@
-.uniui-color:before {
-  content: "\e6cf";
-}
-
-.uniui-wallet:before {
-  content: "\e6b1";
-}
-
-.uniui-settings-filled:before {
-  content: "\e6ce";
-}
-
-.uniui-auth-filled:before {
-  content: "\e6cc";
-}
-
-.uniui-shop-filled:before {
-  content: "\e6cd";
-}
-
-.uniui-staff-filled:before {
-  content: "\e6cb";
-}
-
-.uniui-vip-filled:before {
-  content: "\e6c6";
-}
-
-.uniui-plus-filled:before {
-  content: "\e6c7";
-}
-
-.uniui-folder-add-filled:before {
-  content: "\e6c8";
-}
-
-.uniui-color-filled:before {
-  content: "\e6c9";
-}
-
-.uniui-tune-filled:before {
-  content: "\e6ca";
-}
-
-.uniui-calendar-filled:before {
-  content: "\e6c0";
-}
-
-.uniui-notification-filled:before {
-  content: "\e6c1";
-}
-
-.uniui-wallet-filled:before {
-  content: "\e6c2";
-}
-
-.uniui-medal-filled:before {
-  content: "\e6c3";
-}
-
-.uniui-gift-filled:before {
-  content: "\e6c4";
-}
-
-.uniui-fire-filled:before {
-  content: "\e6c5";
-}
-
-.uniui-refreshempty:before {
-  content: "\e6bf";
-}
-
-.uniui-location-filled:before {
-  content: "\e6af";
-}
-
-.uniui-person-filled:before {
-  content: "\e69d";
-}
-
-.uniui-personadd-filled:before {
-  content: "\e698";
-}
-
-.uniui-back:before {
-  content: "\e6b9";
-}
-
-.uniui-forward:before {
-  content: "\e6ba";
-}
-
-.uniui-arrow-right:before {
-  content: "\e6bb";
-}
-
-.uniui-arrowthinright:before {
-  content: "\e6bb";
-}
-
-.uniui-arrow-left:before {
-  content: "\e6bc";
-}
-
-.uniui-arrowthinleft:before {
-  content: "\e6bc";
-}
-
-.uniui-arrow-up:before {
-  content: "\e6bd";
-}
-
-.uniui-arrowthinup:before {
-  content: "\e6bd";
-}
-
-.uniui-arrow-down:before {
-  content: "\e6be";
-}
-
-.uniui-arrowthindown:before {
-  content: "\e6be";
-}
-
-.uniui-bottom:before {
-  content: "\e6b8";
-}
-
-.uniui-arrowdown:before {
-  content: "\e6b8";
-}
-
-.uniui-right:before {
-  content: "\e6b5";
-}
-
-.uniui-arrowright:before {
-  content: "\e6b5";
-}
-
-.uniui-top:before {
-  content: "\e6b6";
-}
-
-.uniui-arrowup:before {
-  content: "\e6b6";
-}
-
-.uniui-left:before {
-  content: "\e6b7";
-}
-
-.uniui-arrowleft:before {
-  content: "\e6b7";
-}
-
-.uniui-eye:before {
-  content: "\e651";
-}
-
-.uniui-eye-filled:before {
-  content: "\e66a";
-}
-
-.uniui-eye-slash:before {
-  content: "\e6b3";
-}
-
-.uniui-eye-slash-filled:before {
-  content: "\e6b4";
-}
-
-.uniui-info-filled:before {
-  content: "\e649";
-}
-
-.uniui-reload:before {
-  content: "\e6b2";
-}
-
-.uniui-micoff-filled:before {
-  content: "\e6b0";
-}
-
-.uniui-map-pin-ellipse:before {
-  content: "\e6ac";
-}
-
-.uniui-map-pin:before {
-  content: "\e6ad";
-}
-
-.uniui-location:before {
-  content: "\e6ae";
-}
-
-.uniui-starhalf:before {
-  content: "\e683";
-}
-
-.uniui-star:before {
-  content: "\e688";
-}
-
-.uniui-star-filled:before {
-  content: "\e68f";
-}
-
-.uniui-calendar:before {
-  content: "\e6a0";
-}
-
-.uniui-fire:before {
-  content: "\e6a1";
-}
-
-.uniui-medal:before {
-  content: "\e6a2";
-}
-
-.uniui-font:before {
-  content: "\e6a3";
-}
-
-.uniui-gift:before {
-  content: "\e6a4";
-}
-
-.uniui-link:before {
-  content: "\e6a5";
-}
-
-.uniui-notification:before {
-  content: "\e6a6";
-}
-
-.uniui-staff:before {
-  content: "\e6a7";
-}
-
-.uniui-vip:before {
-  content: "\e6a8";
-}
-
-.uniui-folder-add:before {
-  content: "\e6a9";
-}
-
-.uniui-tune:before {
-  content: "\e6aa";
-}
-
-.uniui-auth:before {
-  content: "\e6ab";
-}
-
-.uniui-person:before {
-  content: "\e699";
-}
-
-.uniui-email-filled:before {
-  content: "\e69a";
-}
-
-.uniui-phone-filled:before {
-  content: "\e69b";
-}
-
-.uniui-phone:before {
-  content: "\e69c";
-}
-
-.uniui-email:before {
-  content: "\e69e";
-}
-
-.uniui-personadd:before {
-  content: "\e69f";
-}
-
-.uniui-chatboxes-filled:before {
-  content: "\e692";
-}
-
-.uniui-contact:before {
-  content: "\e693";
-}
-
-.uniui-chatbubble-filled:before {
-  content: "\e694";
-}
-
-.uniui-contact-filled:before {
-  content: "\e695";
-}
-
-.uniui-chatboxes:before {
-  content: "\e696";
-}
-
-.uniui-chatbubble:before {
-  content: "\e697";
-}
-
-.uniui-upload-filled:before {
-  content: "\e68e";
-}
-
-.uniui-upload:before {
-  content: "\e690";
-}
-
-.uniui-weixin:before {
-  content: "\e691";
-}
-
-.uniui-compose:before {
-  content: "\e67f";
-}
-
-.uniui-qq:before {
-  content: "\e680";
-}
-
-.uniui-download-filled:before {
-  content: "\e681";
-}
-
-.uniui-pyq:before {
-  content: "\e682";
-}
-
-.uniui-sound:before {
-  content: "\e684";
-}
-
-.uniui-trash-filled:before {
-  content: "\e685";
-}
-
-.uniui-sound-filled:before {
-  content: "\e686";
-}
-
-.uniui-trash:before {
-  content: "\e687";
-}
-
-.uniui-videocam-filled:before {
-  content: "\e689";
-}
-
-.uniui-spinner-cycle:before {
-  content: "\e68a";
-}
-
-.uniui-weibo:before {
-  content: "\e68b";
-}
-
-.uniui-videocam:before {
-  content: "\e68c";
-}
-
-.uniui-download:before {
-  content: "\e68d";
-}
-
-.uniui-help:before {
-  content: "\e679";
-}
-
-.uniui-navigate-filled:before {
-  content: "\e67a";
-}
-
-.uniui-plusempty:before {
-  content: "\e67b";
-}
-
-.uniui-smallcircle:before {
-  content: "\e67c";
-}
-
-.uniui-minus-filled:before {
-  content: "\e67d";
-}
-
-.uniui-micoff:before {
-  content: "\e67e";
-}
-
-.uniui-closeempty:before {
-  content: "\e66c";
-}
-
-.uniui-clear:before {
-  content: "\e66d";
-}
-
-.uniui-navigate:before {
-  content: "\e66e";
-}
-
-.uniui-minus:before {
-  content: "\e66f";
-}
-
-.uniui-image:before {
-  content: "\e670";
-}
-
-.uniui-mic:before {
-  content: "\e671";
-}
-
-.uniui-paperplane:before {
-  content: "\e672";
-}
-
-.uniui-close:before {
-  content: "\e673";
-}
-
-.uniui-help-filled:before {
-  content: "\e674";
-}
-
-.uniui-paperplane-filled:before {
-  content: "\e675";
-}
-
-.uniui-plus:before {
-  content: "\e676";
-}
-
-.uniui-mic-filled:before {
-  content: "\e677";
-}
-
-.uniui-image-filled:before {
-  content: "\e678";
-}
-
-.uniui-locked-filled:before {
-  content: "\e668";
-}
-
-.uniui-info:before {
-  content: "\e669";
-}
-
-.uniui-locked:before {
-  content: "\e66b";
-}
-
-.uniui-camera-filled:before {
-  content: "\e658";
-}
-
-.uniui-chat-filled:before {
-  content: "\e659";
-}
-
-.uniui-camera:before {
-  content: "\e65a";
-}
-
-.uniui-circle:before {
-  content: "\e65b";
-}
-
-.uniui-checkmarkempty:before {
-  content: "\e65c";
-}
-
-.uniui-chat:before {
-  content: "\e65d";
-}
-
-.uniui-circle-filled:before {
-  content: "\e65e";
-}
-
-.uniui-flag:before {
-  content: "\e65f";
-}
-
-.uniui-flag-filled:before {
-  content: "\e660";
-}
-
-.uniui-gear-filled:before {
-  content: "\e661";
-}
-
-.uniui-home:before {
-  content: "\e662";
-}
-
-.uniui-home-filled:before {
-  content: "\e663";
-}
-
-.uniui-gear:before {
-  content: "\e664";
-}
-
-.uniui-smallcircle-filled:before {
-  content: "\e665";
-}
-
-.uniui-map-filled:before {
-  content: "\e666";
-}
-
-.uniui-map:before {
-  content: "\e667";
-}
-
-.uniui-refresh-filled:before {
-  content: "\e656";
-}
-
-.uniui-refresh:before {
-  content: "\e657";
-}
-
-.uniui-cloud-upload:before {
-  content: "\e645";
-}
-
-.uniui-cloud-download-filled:before {
-  content: "\e646";
-}
-
-.uniui-cloud-download:before {
-  content: "\e647";
-}
-
-.uniui-cloud-upload-filled:before {
-  content: "\e648";
-}
-
-.uniui-redo:before {
-  content: "\e64a";
-}
-
-.uniui-images-filled:before {
-  content: "\e64b";
-}
-
-.uniui-undo-filled:before {
-  content: "\e64c";
-}
-
-.uniui-more:before {
-  content: "\e64d";
-}
-
-.uniui-more-filled:before {
-  content: "\e64e";
-}
-
-.uniui-undo:before {
-  content: "\e64f";
-}
-
-.uniui-images:before {
-  content: "\e650";
-}
-
-.uniui-paperclip:before {
-  content: "\e652";
-}
-
-.uniui-settings:before {
-  content: "\e653";
-}
-
-.uniui-search:before {
-  content: "\e654";
-}
-
-.uniui-redo-filled:before {
-  content: "\e655";
-}
-
-.uniui-list:before {
-  content: "\e644";
-}
-
-.uniui-mail-open-filled:before {
-  content: "\e63a";
-}
-
-.uniui-hand-down-filled:before {
-  content: "\e63c";
-}
-
-.uniui-hand-down:before {
-  content: "\e63d";
-}
-
-.uniui-hand-up-filled:before {
-  content: "\e63e";
-}
-
-.uniui-hand-up:before {
-  content: "\e63f";
-}
-
-.uniui-heart-filled:before {
-  content: "\e641";
-}
-
-.uniui-mail-open:before {
-  content: "\e643";
-}
-
-.uniui-heart:before {
-  content: "\e639";
-}
-
-.uniui-loop:before {
-  content: "\e633";
-}
-
-.uniui-pulldown:before {
-  content: "\e632";
-}
-
-.uniui-scan:before {
-  content: "\e62a";
-}
-
-.uniui-bars:before {
-  content: "\e627";
-}
-
-.uniui-cart-filled:before {
-  content: "\e629";
-}
-
-.uniui-checkbox:before {
-  content: "\e62b";
-}
-
-.uniui-checkbox-filled:before {
-  content: "\e62c";
-}
-
-.uniui-shop:before {
-  content: "\e62f";
-}
-
-.uniui-headphones:before {
-  content: "\e630";
-}
-
-.uniui-cart:before {
-  content: "\e631";
-}

src/pages/connect/connect.vue

@@ -1,36 +0,0 @@
-<template>
-  <view class="app-container" :style="{'height' : !content ? '100%' : ''}">
-    <view v-if="content" class="ql-snow">
-      <rich-text class="ql-editor" :nodes="content" />
-    </view>
-    <noData v-else>
-      暂无引导内容
-    </noData>
-    <button type="submit" circle @click="close">知道了</button>
-  </view>
-</template>
-
-<script>
-import { getGuidePageContent } from '@/api/connect'
-export default {
-  data() {
-    return {
-      content: ''
-    }
-  },
-  onLoad(e) {
-    getGuidePageContent({
-      clientType: e.deviceModel
-    }).then(res => {
-      if (res.data.code === 0) {
-        this.content = res.data.data.guidePageContent
-      }
-    })
-  },
-  methods: {
-    close() {
-      closePage.postMessage('关闭页面')
-    }
-  }
-}
-</script>

src/pages/coupon/index.vue

@@ -1,159 +0,0 @@
-<template>
-  <view class="content">
-    <navBar>
-      <text slot="title">钱包</text>
-    </navBar>
-    <view :class="['list', `bgColor${item.state}`]" v-for="item in list" :key="item.id">
-      <view class="left font-size-mini">
-        <text class="text-color-gold">{{ item.value.cash }}</text>
-        <text class="text-color-gray">{{ item.value.tips }}</text>
-      </view>
-      <view class="right font-size-mini text-color-gray">
-        <view class="label_title ">
-          <text class="font-size-sm">{{ item.label.title }}</text>
-          <text>{{ state[item.state] }}</text>
-        </view>
-        <text>{{ item.label.tips }}</text>
-        <text>{{ item.label.date }}</text>
-      </view>
-    </view>
-    <view v-if="list.length <= 0" class="empty">
-      <image src="@/static/coupon-empty.png" />
-      <text>暂无优惠券</text>
-    </view>
-  </view>
-</template>
-
-<script>
-import navBar from "@/components/navbar/navbar"
-export default {
-  components: {
-    navBar,
-  },
-  data() {
-    return {
-      list: [
-        {
-          id: 1,
-          state: 0,
-          value: {
-            cash: 5,
-            tips: "满5.01元可用",
-          },
-          label: {
-            title: "新用户优惠券",
-            tips: "仅限新用户注册后使用",
-            date: "有效期：2021/10/01 —— 2021/10/08",
-          },
-        },
-        {
-          id: 2,
-          state: 1,
-          value: {
-            cash: 5,
-            tips: "满5.01元可用",
-          },
-          label: {
-            title: "新用户优惠券",
-            tips: "仅限新用户注册后使用",
-            date: "有效期：2021/10/01 —— 2021/10/08",
-          },
-        },
-        {
-          id: 3,
-          state: 2,
-          value: {
-            cash: 5,
-            tips: "满5.01元可用",
-          },
-          label: {
-            title: "新用户优惠券",
-            tips: "仅限新用户注册后使用",
-            date: "有效期：2021/10/01 —— 2021/10/08",
-          },
-        },
-      ],
-      state: {
-        0: "立即使用",
-        1: "已使用",
-        2: "已失效",
-      },
-    }
-  },
-  onLoad() {},
-}
-</script>
-
-<style lang="scss" scope>
-.list {
-  height: 160rpx;
-  margin: 24rpx 0;
-  border-radius: 16rpx;
-  padding: 10rpx 20rpx;
-  display: flex;
-
-  .left {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 26.82%;
-    padding-right: 20rpx;
-
-    text:first-child::before {
-      content: "￥";
-      font-size: 24rpx;
-    }
-
-    text:first-child {
-      font-size: 48rpx;
-    }
-  }
-
-  .left::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 100%;
-    border: 2rpx dashed rgba(255, 255, 255, 0.5);
-  }
-
-  .right {
-    width: 72.89%;
-    padding-left: 20rpx;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-
-    .label_title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      text:first-child {
-        font-size: 28rpx;
-      }
-
-      text:last-child {
-        border: 2rpx solid #fff;
-        padding: 8rpx 16rpx;
-        border-radius: 50rpx;
-      }
-    }
-  }
-}
-.bgColor {
-  &0 {
-    background-color: #50614b;
-  }
-  &1 {
-    background-color: #50614b;
-    opacity: 0.4;
-  }
-  &2 {
-    background: rgba(255, 255, 255, 0.5);
-  }
-}
-</style>

src/pages/product/index.vue

@@ -1,65 +0,0 @@
-<template>
-  <view class="content">
-    <navBar>
-      <text slot="title">产品手册</text>
-    </navBar>
-    <view class="tab">
-      <view
-        :class="['tab-item', isTab(item.id)]"
-        v-for="item in tab"
-        :key="item.id"
-        @click="getTab(item.id)"
-        >{{ item.label }}</view
-      >
-    </view>
-  </view>
-</template>
-
-<script>
-import navBar from "@/components/navbar/navbar";
-export default {
-  components: {
-    navBar,
-  },
-  data() {
-    return {
-      tab: [
-        {
-          id: 1,
-          label: "全部",
-        },
-        {
-          id: 2,
-          label: "蓝牙设备",
-        },
-        {
-          id: 3,
-          label: "4G/Wi-Fi设备",
-        },
-      ],
-      tabActive: 1,
-    };
-  },
-  methods: {
-    isTab(id) {
-      return this.tabActive == id
-        ? "font-size-lg"
-        : "font-size-sm text-color-grey";
-    },
-    getTab(id) {
-      this.tabActive = id;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scope>
-.tab {
-  display: flex;
-  align-items: center;
-
-  .tab-item {
-    margin-right: 48rpx;
-  }
-}
-</style>

src/pages/recharge/detail.vue

@@ -1,101 +0,0 @@
-<template>
-  <view class="content">
-    <view class="tab margin-bottom">
-      <picker class="picker" mode="date" fields="month" value="123">
-        <text class=" font-size-lg">本月</text>
-        <uni-icons type="bottom" color="#FFF" />
-      </picker>
-      <view class="text-color-grey font-size-mini">
-        <text>充值418.00</text>
-        <text class="margin-left">支出69.90</text>
-      </view>
-    </view>
-    <view
-      class="list bg-color-dark"
-      v-for="item in list"
-      :key="item.id"
-    >
-      <view class="top font-size-tips text-color-gray">
-        <text>{{ state[item.label.state] }}</text>
-        <text>{{ item.label.date }}</text>
-      </view>
-      <view class="bottom">
-        <text class="font-size-sm">{{ item.label.title }}</text>
-        <text class="font-size-nm text-color-gold">{{
-          (item.label.state == 0 ? "+ " : "- ") + item.value.toFixed(2)
-        }}猫币</text>
-      </view>
-    </view>
-    <view v-if="list.length <= 0" class="empty">
-      <image src="@/static/recharge-empty.png" />
-      <text>暂无明细</text>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      list: [
-        {
-          id: 1,
-          value: 30,
-          label: {
-            state: 0,
-            title: "充值",
-            date: "2020/08/30 16:00",
-          },
-        },
-        {
-          id: 2,
-          value: 69.9,
-          label: {
-            state: 1,
-            title: "三体1 2 3 4全集",
-            date: "2020/08/30 16:00",
-          },
-        },
-        {
-          id: 3,
-          value: 388,
-          label: {
-            state: 0,
-            title: "充值",
-            date: "2020/08/30 16:00",
-          },
-        },
-      ],
-      state: {
-        0: "充值成功",
-        1: "购买成功",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.tab {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.list {
-  height: 140rpx;
-  margin-bottom: 16rpx;
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0 16rpx;
-  border-radius: 16rpx;
-
-  .top,
-  .bottom {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
-</style>

src/pages/recharge/index.vue

@@ -1,145 +0,0 @@
-<template>
-  <view class="content">
-    <navBar url="/pages/recharge/detail">
-      <text slot="title">钱包</text>
-      <text slot="right">明细</text>
-    </navBar>
-    <view class="balance">
-      <text class="font-size-nm">余额</text>
-      <text>0.00</text>
-    </view>
-    <text class="font-size-sm">
-      8月18日～9月19日10周年庆，多10%，有充有送！！
-    </text>
-    <view class="balance-list">
-      <view
-        :class="['balance-btn', isBalance(item.id)]"
-        v-for="item in list"
-        :key="item.id"
-        @click="getBalace(item.id)"
-      >
-        <text :class="isShow(item.id)" v-if="isShow(item.id)">送10</text>
-        <text class="text-color-gold font-size-nm">{{ item.value }}猫币</text>
-        <text class="text-color-grey font-size-mini">{{ item.value }}元</text>
-      </view>
-    </view>
-    <button class="recharge-btn bg-color-green font-size-nm">
-      充值
-    </button>
-    <view class="tips font-size-mini">
-      <text>充值说明：</text>
-      <text>1、猫币充值后不会过期，但无法退款、提现或转赠他人。</text>
-      <text>2、iOS系统与Android系统余额不可通用。</text>
-      <text>3、充值到账可能会有延时，请勿短时间内重复充值。</text>
-      <text>客服热线：400-850-8199</text>
-    </view>
-  </view>
-</template>
-
-<script>
-import uIcons from "@/components/uni-icons/uni-icons";
-import navBar from "@/components/navbar/navbar";
-export default {
-  components: {
-    uIcons,
-    navBar,
-  },
-  data() {
-    return {
-      list: [
-        {
-          id: 1,
-          value: 6,
-        },
-        {
-          id: 2,
-          value: 30,
-        },
-        {
-          id: 3,
-          value: 88,
-        },
-        {
-          id: 4,
-          value: 108,
-        },
-        {
-          id: 5,
-          value: 208,
-        },
-        {
-          id: 6,
-          value: 388,
-        },
-      ],
-      balanceActive: 1,
-    };
-  },
-  methods: {
-    isShow(id) {
-      return id == 4 || id == 5 || id == 6 ? "balance-give" : "";
-    },
-    isBalance(id) {
-      return id == this.balanceActive
-        ? "bg-color-darkgreen border-green"
-        : "bg-color-black border-grey";
-    },
-    getBalace(id) {
-      this.balanceActive = id;
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.balance {
-  margin: 48rpx 0;
-  text-align: center;
-
-  text:last-child {
-    font-size: 72rpx;
-    margin-left: 16rpx;
-  }
-}
-
-.balance-list {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-
-  .balance-btn {
-    width: 328rpx;
-    height: 148rpx;
-    margin-top: 32rpx;
-    border-radius: 16rpx;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-  }
-
-  .balance-give {
-    position: absolute;
-    top: 0;
-    left: 0;
-    background: #ff5a5a;
-    font-size: 22rpx;
-    color: #fff;
-    border-bottom-right-radius: 16rpx;
-    border-top-left-radius: 16rpx;
-    padding: 0 16rpx;
-  }
-}
-
-.recharge-btn {
-  border-radius: 50rpx;
-  margin: 48rpx 0;
-}
-
-.tips {
-  display: flex;
-  flex-direction: column;
-  line-height: 40rpx;
-}
-</style>