Augcl
/
rice-front
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

上传

master
前端-胡立永 6 months ago
parent
bf64d6be54
commit
17ee2c2fa9
7 changed files with 120 additions and 104 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +17
    -17
      components/config/customerServicePopup.vue
  2. +33
    -33
      pages/index/center.vue
  3. +50
    -40
      pages/index/index.vue
  4. +4
    -1
      pages/index/member.vue
  5. +14
    -12
      pages_order/mine/recharge.vue
  6. +2
    -1
      pages_order/mine/withdraw.vue
  7. BIN
      static/image/center/12.png

+ 17
- 17
components/config/customerServicePopup.vue View File

@ -1,10 +1,12 @@
<template>
<!-- 联系客服弹框 -->
<uv-overlay :show="show" @click="close">
<uv-popup ref="popup"
:safeAreaInsetBottom="false"
:round="30">
<view class="warp">
<view class="rect" @tap.stop>
<view class="title">联系客服</view>
<view class="center">确定拨打客服电话?</view>
<view class="title">联系{{ bTitle || title }}</view>
<view class="center">确定拨打{{ bTitle || title }}电话?</view>
<view class="bottom">
<view class="btn1"
@click="close">
@ -17,37 +19,35 @@
</view>
</view>
</view>
</uv-overlay>
</uv-popup>
</template>
<script>
export default {
data() {
return {
show: false,
phone:'',
title : '客服',
bPhone : '',
bTitle : '',
}
},
onLoad() {
this.getCustomPhone()
mounted() {
},
methods: {
getCustomPhone(){
this.$api('customUser', {}, res => {
this.phone = res.result.phone
})
},
open() {
this.show = true
open(phone, title) {
this.bPhone = phone || this.phone || this.configList.phone
this.bTitle = title || this.title
this.$refs.popup.open()
},
close() {
this.show = false
this.$refs.popup.close()
},
// 拨打电话
confirm() {
this.show = false
this.$refs.popup.close()
uni.makePhoneCall({
phoneNumber: this.phone,
phoneNumber: this.bPhone || this.phone,
success() {
console.log('安卓拨打成功');
},


+ 33
- 33
pages/index/center.vue View File

@ -5,23 +5,23 @@
<view class="head">
<view class="headImage">
<image src="" mode=""></image>
<image :src="userInfo.headImage" mode=""></image>
</view>
<view class="info">
<view class="name">
<view class="one"> 可可</view>
<view class="two"> 黄金会员</view>
<view class="one">{{ userInfo.nickName }}</view>
<view class="two">黄金会员</view>
</view>
<view class="vip">
ID：Aa63982546
ID：{{ userInfo.id }}
</view>
<view class="tips">
注册时间：2020-10-11
注册时间：{{ userInfo.createTime }}
</view>
</view>
<view class="setting">
<!-- <view class="setting">
<uv-icon name="setting" size="40rpx"></uv-icon>
</view>
</view> -->
</view>
<view class="earnings">
@ -31,7 +31,7 @@
</view>
<view class="deposit">
<view class="box"
@click="$utils.navigateTo('/pages_order/mine/purse')">
@click="$utils.navigateTo('/pages_order/mine/balance')">
<view>
<view class="num">1.00</view>
<view class="text">收益明细(元)</view>
@ -62,7 +62,10 @@
<view class="myOrder">
<view>我的订单</view>
<view>查看全部></view>
<view
@click="$utils.navigateTo('/pages/index/order')">
查看全部>
</view>
</view>
<view class="order">
@ -109,7 +112,9 @@
<uv-cell icon="share" title="我的推荐" :isLink="true" arrow-direction="right"
@click="$utils.navigateTo('/pages_order/mine/recommend')" />
<uv-cell icon="share" title="联系客服" :isLink="true" arrow-direction="right" />
<uv-cell icon="share" title="联系客服"
@click="$refs.customerServicePopup.open()"
:isLink="true" arrow-direction="right" />
<uv-cell icon="share" title="我的地址" :isLink="true" arrow-direction="right"
@click="$utils.navigateTo('/pages_order/mine/address')"/>
@ -121,22 +126,24 @@
</view>
<customerServicePopup ref="customerServicePopup"/>
<tabber select="center" />
</view>
</template>
<script>
import tabber from '@/components/base/tabbar.vue'
import {
mapGetters
} from 'vuex'
import userShopCommission from '@/components/userShop/userShopCommission.vue'
import { mapState } from 'vuex'
import customerServicePopup from '@/components/config/customerServicePopup.vue'
export default {
components: {
tabber,
userShopCommission,
customerServicePopup,
},
computed: {
...mapState(['userInfo']),
},
computed: {},
data() {
return {}
},
@ -206,8 +213,8 @@
position: relative;
.headImage {
width: 120rpx;
height: 120rpx;
width: 130rpx;
height: 130rpx;
background-image: url(/static/image/center/3.png);
background-size: 100% 100%;
overflow: hidden;
@ -217,7 +224,9 @@
.info {
font-size: 28rpx;
display: flex;
flex-direction: column;
gap: 10rpx;
.vip {
color: #909294;
font-size: 24rpx;
@ -250,15 +259,6 @@
}
}
.headBtn {
margin-left: auto;
padding: 15rpx 20rpx;
background-color: $uni-color;
color: #fff;
border-radius: 20rpx;
margin-top: 50rpx;
}
.setting {
position: absolute;
right: 50rpx;
@ -268,7 +268,7 @@
.earnings {
width: 94%;
margin-left: 3%;
.member {
display: flex;
align-items: center;
@ -276,11 +276,11 @@
width: 90%;
margin-left: 5%;
height: 80rpx;
background-image: url("../../static/image/center/12.png");
background-size: 100% 100%;
font-size: 28rpx;
background-color: #000;
color: #F9CF93;
border-top-left-radius: 30rpx;
border-top-right-radius: 30rpx;
view {
margin: 0 20rpx;
}
@ -291,7 +291,7 @@
justify-content: space-around;
align-items: center;
height: 300rpx;
margin-top: -20rpx;
// margin-top: -20rpx;
background-color: rgb(163, 201, 80);
border-radius: 40rpx;


+ 50
- 40
pages/index/index.vue View File

@ -26,7 +26,8 @@
<view class="menu">
<uv-grid :border="false" :col="4" >
<uv-grid-item v-for="(item,index) in baseList" :key="index" @click="$utils.navigateTo(item.path)">
<uv-grid-item v-for="(item,index) in baseList" :key="index"
@click="toUrl(item.url)">
<image :src="item.image" mode=""></image>
<text class="menu-text">{{item.title}}</text>
</uv-grid-item>
@ -34,7 +35,6 @@
</view>
<view class="map">
{{ configList.index_center_image }}
<image :src="configList.index_center_image" mode="aspectFill" />
</view>
@ -145,9 +145,7 @@
import PrivacyAgreementPoup from '@/components/config/PrivacyAgreementPoup.vue'
import Position from '@/utils/position.js'
import tabber from '@/components/base/tabbar.vue'
import {
mapGetters
} from 'vuex'
import { mapState } from 'vuex'
export default {
components: {
tabber,
@ -158,40 +156,41 @@
area: '长沙',
notice: '长沙市刘师傅在服务过程中客户投诉“服务过程中有不文明的行为”.....',
bannerList: [],
baseList: [{
image: '/static/image/home/0.png',
title: '关于我们',
path: '/pages_order/home/introduce',
},
{
image: '/static/image/home/1.png',
title: '产品介绍',
},
{
image: '/static/image/home/2.png',
title: '促销活动',
},
{
image: '/static/image/home/3.png',
title: '商城',
},
{
image: '/static/image/home/4.png',
title: '邀请好友',
},
{
image: '/static/image/home/5.png',
title: '新闻中心',
path: '/pages_order/home/journalism',
},
{
image: '/static/image/home/6.png',
title: '企业合作',
},
{
image: '/static/image/home/7.png',
title: '联系我们',
},
baseList: [
// {
// image: '/static/image/home/0.png',
// title: '关于我们',
// path: '/pages_order/home/introduce',
// },
// {
// image: '/static/image/home/1.png',
// title: '产品介绍',
// },
// {
// image: '/static/image/home/2.png',
// title: '促销活动',
// },
// {
// image: '/static/image/home/3.png',
// title: '商城',
// },
// {
// image: '/static/image/home/4.png',
// title: '邀请好友',
// },
// {
// image: '/static/image/home/5.png',
// title: '新闻中心',
// path: '/pages_order/home/journalism',
// },
// {
// image: '/static/image/home/6.png',
// title: '企业合作',
// },
// {
// image: '/static/image/home/7.png',
// title: '联系我们',
// },
],
productList: [],
keyword: '',
@ -262,10 +261,21 @@
getRiceIconList(){
this.$api('getRiceIconList', res => {
if(res.code == 200){
this.newList = res.result.records
this.baseList = res.result
}
})
},
toUrl(url){
if(!url){
uni.showToast({
title: '功能暂未开放'
})
return
}
uni.navigateTo({
url
})
},
},
}
</script>


+ 4
- 1
pages/index/member.vue View File

@ -18,7 +18,7 @@
会员套餐
</view>
<view class="box-content">
{{ configList.vip_text }}
限时活动<text>{{ configList.vip_open_num }}</text>名
</view>
<view class="di">
<view class="pad">
@ -214,6 +214,9 @@
font-size: 50rpx;
font-weight: 900;
margin-bottom: 0;
text{
color: #f40;
}
}
.di{
display: flex;


+ 14
- 12
pages_order/mine/recharge.vue View File

@ -1,6 +1,6 @@
<template>
<view class="page">
<navbar title="提现"
<navbar title="充值"
bgColor="#A3D250"
color="#fff"
leftClick
@ -10,29 +10,30 @@
<view class="price">
<view class="title">
请输入提现金额（元）
请输入充值金额（元）
</view>
<view class="input-box">
<view class="input">
<input type="text" />
</view>
<view class="">
全部提现
<input type="text" v-model="num"/>
</view>
</view>
<view class="num">
可提现金额：16666
可充值金额：16666
</view>
</view>
<view class="cell">
<view class="cell-top">提现说明</view>
<view style="padding: 0 20rpx;">
<uv-parse :content="configList.withdrawal_instructions"></uv-parse>
<view class="cell-top">充值说明</view>
<view style="padding: 0 20rpx 20rpx 20rpx;">
<uv-parse :content="configList.recharge_instructions"></uv-parse>
</view>
</view>
<view class="cell">
<view class="uni-color-btn">
充值
</view>
<!-- <view class="cell">
<view class="cell-top">提现记录</view>
<view class="cell-box"
:key="index"
@ -51,7 +52,7 @@
</uv-cell>
</uv-cell-group>
</view>
</view>
</view> -->
</view>
</template>
@ -71,6 +72,7 @@
}
],
type : ['-', '+'],
num : 0,
}
},
methods: {


+ 2
- 1
pages_order/mine/withdraw.vue View File

@ -14,7 +14,7 @@
</view>
<view class="input-box">
<view class="input">
<input type="text" />
<input type="text" v-model="num"/>
</view>
<view class="">
全部提现
@ -71,6 +71,7 @@
}
],
type : ['-', '+'],
num : 0,
}
},
methods: {


BIN
static/image/center/12.png View File

Before After
Width: 1282  |  Height: 170  |  Size: 6.8 KiB

Write Preview
Loading…
Cancel
Save