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

更新

master
linyumoya 5 months ago
parent
1e258722e6
commit
0ab18440ec
10 changed files with 432 additions and 77 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +6
    -4
      pages.json
  2. +1
    -1
      pages/index/center.vue
  3. +4
    -3
      pages/index/index.vue
  4. +228
    -8
      pages/index/member.vue
  5. +71
    -0
      pages_order/home/introduce.vue
  6. +122
    -61
      pages_order/mine/purse.vue
  7. BIN
      pages_order/static/home/2.png
  8. BIN
      static/image/member/1.png
  9. BIN
      static/image/member/2.png
  10. BIN
      static/image/member/3.png

+ 6
- 4
pages.json View File

@ -30,10 +30,9 @@
// }
// },
{
"path" : "pages/index/member",
"style" :
{
"navigationBarTitleText" : ""
"path": "pages/index/member",
"style": {
"navigationBarTitleText": ""
}
}
],
@ -77,6 +76,9 @@
},
{
"path": "mine/recommend"
},
{
"path": "home/introduce"
}
]
}],


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

@ -50,7 +50,7 @@
<view class="num" style="border: none;">1.00</view>
<view class="text">可提现(元)</view>
</view>
<view class="boxs">去提现</view>
<view class="boxs" @click="$utils.navigateTo('/pages_order/mine/purse')">去提现</view>
</view>
</view>
</view>


+ 4
- 3
pages/index/index.vue View File

@ -22,9 +22,8 @@
</view>
<view class="menu">
<uv-grid :border="false" :col="4">
<uv-grid-item v-for="(item,index) in baseList" :key="index">
<uv-grid :border="false" :col="4" >
<uv-grid-item v-for="(item,index) in baseList" :key="index" @click="$utils.navigateTo(item.path)">
<image :src="item.image" mode=""></image>
<text class="menu-text">{{item.title}}</text>
@ -157,6 +156,7 @@
baseList: [{
image: '/static/image/home/0.png',
title: '关于我们',
path: '/pages_order/home/introduce',
},
{
image: '/static/image/home/1.png',
@ -177,6 +177,7 @@
{
image: '/static/image/home/5.png',
title: '新闻中心',
path: '/pages_order/home/journalism',
},
{
image: '/static/image/home/6.png',


+ 228
- 8
pages/index/member.vue View File

@ -1,11 +1,81 @@
<template>
<view class="page">
<navbar title="会员"/>
<tabber select="member"/>
<navbar title="会员" />
<view class="swipe">
<uv-swiper :list="bannerList" indicator height="320rpx" keyName="url"></uv-swiper>
</view>
<view class="middle">
<view class="rights">会员权益</view>
<view class="middle-one">会员条件：一次性购买50斤大米即成为会员50斤*20元/斤=1000元会员权益</view>
<view class="middle-boxs">
<view class="middle-two-1">权益一</view>
<view class="middle-box">
<view class="middlex-minBox">
<view class="middle-box-one">
<view>赠送价值</view>
<view style="color: #D15206; font-size: 28rpx;">100元</view>
<view>的三诺血糖</view>
</view>
<view>检测仪*1台</view>
</view>
</view>
<view class="img">
<image src="../../static/image/member/1.png" mode="aspectFill"></image>
</view>
</view>
<view class="middle-boxs">
<view style="padding: 20rpx;"></view>
<view class="middle-two-2">权益二</view>
<view class="middle-box">
<view class="middlex-minBox-2">
<view class="middle-box-one">
<view>会员推荐朋友购买会员，</view>
<view>第一个</view>
</view>
<view>返利10%、第二个返利20%、第三个返利30%、</view>
<view style="display: flex; align-items: center;">
<view>第四个返利40%、</view>
<text style="color: #474747; font-size: 24rpx;">四四循环</text>
</view>
</view>
</view>
<view class="img-2">
<image src="../../static/image/member/2.png" mode="aspectFill"></image>
</view>
</view>
<view class="middle-boxs">
<view class="middle-two-3">权益三</view>
<view class="middle-box">
<view class="middlex-minBox">
<view>所推荐朋友购买产品及今后产生复购</view>
<view class="middle-box-one">
<view>产品的</view>
<view style="color: #D15206; font-size: 28rpx;">返15%佣金</view>
<view>（体验价不计算在内）</view>
</view>
</view>
</view>
<view class="img">
<image src="../../static/image/member/3.png" mode="aspectFill"></image>
</view>
</view>
<view class="middle-bottom">
<view>*仅限前</view>
<text>1000名</text>
<view>充值会员</view>
</view>
</view>
<tabber select="member" />
</view>
</template>
@ -17,12 +87,162 @@
},
data() {
return {
bannerList: [{
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
},
{
url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
},
{
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
},
],
};
}
}
</script>
<style lang="scss">
.page {
min-height: 100vh;
color: #F3F3F3;
z-index: 0;
.swipe {
overflow: hidden;
border-radius: 20rpx;
margin: 20rpx;
}
.middle {
margin: 20rpx;
border-radius: 16rpx;
background-color: #fff;
padding-top: 20rpx;
.rights {
margin-left: 20rpx;
padding: 0 20rpx;
color: #474747;
font-size: 32rpx;
font-weight: 600;
border-left: 6rpx solid #A3D250;
}
.middle-one {
font-size: 28rpx;
padding: 10rpx 120rpx 10rpx 40rpx;
color: #D15206;
}
.middle-boxs {
padding: 40rpx 40rpx 20rpx 20rpx;
position: relative;
margin-top: 40rpx;
</style>
.middle-two-1,
.middle-two-2,
.middle-two-3 {
display: inline-block;
font-size: 32rpx;
font-weight: 600;
color: #474747;
padding: 10rpx 40rpx;
background-color: #F6CD59;
border-radius: 30rpx;
}
.middle-two-2 {
position: absolute;
top: 10rpx;
right: 0;
}
.middle-box {
margin-top: -30rpx;
min-height: 160rpx;
background-color: #FFFBF2;
.middlex-minBox {
display: flex;
flex-direction: column;
padding: 60rpx 0rpx 0rpx 40rpx;
font-size: 24rpx;
color: #474747;
.middle-box-one {
display: flex;
align-items: center;
}
}
.middlex-minBox-2 {
display: flex;
padding: 80rpx 0rpx 30rpx 40rpx;
font-size: 24rpx;
color: #474747;
flex-direction: column;
justify-content: center;
margin-right: 10rpx;
.middle-box-one {
display: flex;
justify-content: flex-end;
align-items: center;
}
view:nth-child(2) {
font-size: 28rpx;
color: #D15206;
}
view:nth-child(3) {
font-size: 28rpx;
color: #D15206;
}
}
}
.img {
position: absolute;
height: 220rpx;
width: 180rpx;
top: -40rpx;
right: 80rpx;
image {
width: 100%;
height: 100%;
}
}
.img-2 {
position: absolute;
height: 220rpx;
width: 180rpx;
top: -40rpx;
left: 50rpx;
image {
width: 100%;
height: 100%;
}
}
}
.middle-bottom {
display: flex;
color: #CCCCCC;
padding: 10rpx 20rpx;
font-size: 24rpx;
text {
color: #D15206;
}
}
}
}
</style>

+ 71
- 0
pages_order/home/introduce.vue View File

@ -0,0 +1,71 @@
<template>
<view class="page">
<navbar title="公司介绍" leftClick @leftClick="$utils.navigateBack" />
<view class="box">
<view class="box-imgs">
<view>
<view class="box-img">
<view>公司介绍</view>
</view>
</view>
<view>
<view class="box-img">
<view>公司介绍</view>
</view>
</view>
<view>
<view class="box-img">
<view>公司介绍</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
computed: {},
methods: {}
}
</script>
<style scoped lang="scss">
.page {
height: 100Vh;
background-color: #F3F3F3;
.box {
margin: 20rpx;
.box-imgs {
display: flex;
justify-content: space-between;
.box-img{
display: flex;
width: 220rpx;
height: 400rpx;
background-size: 100% 100%;
background-image: url(../../static/image/home/9.png);
justify-content: center;
align-items: center;
border-radius: 20rpx;
overflow: hidden;
view{
color: #fff;
margin-top: 200rpx;
padding: 10rpx 20rpx;
background-color: #A3D250;
border-radius: 30rpx;
}
}
}
}
}
</style>

+ 122
- 61
pages_order/mine/purse.vue View File

@ -1,50 +1,67 @@
<template>
<view class="purse">
<navbar title="立即提现" leftClick @leftClick="$utils.navigateBack" />
<!-- 水洗店 -->
<view class="userShop">
<userShopCommission purse />
</view>
<view class="from-body">
<view>我要提现</view>
<view class="from-line">
<input placeholder="请输入提现金额" />
</view>
<view class="from-line">
<input placeholder="请输入姓名" />
<navbar title="提现" leftClick @leftClick="$utils.navigateBack" />
<view class="top-box">
<view class="top-one">
输入提现金额（元）
</view>
<view class="from-line">
<input placeholder="请输入开户行" />
<view class="top-two">
<view>168.88</view>
<view>全部提现</view>
</view>
<view class="from-line">
<input placeholder="请输入银行卡卡号" />
<view class="top-three">
<view>可提现金额：</view>
<view>168.88</view>
</view>
<view class="mt56">提现说明</view>
<view style="line-height: 45rpx; font-size: 24rpx;color: #666666;" v-html="notice">
</view>
<view class="middle">
<view class="middle-one">提现说明</view>
<view style="padding-bottom: 20rpx;">
<view class="middle-two">
<view style="color: #A7D458;">1.</view>
<view>说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本。</view>
</view>
<view class="middle-two">
<view style="color: #A7D458;">2.</view>
<view>说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本。</view>
</view>
</view>
<!-- <p>1、本次提现必须通过银行卡提现，暂不支持其他途径。</p>
<p>2、如若遇到24小时提现未到账，请联系客服。</p> -->
</view>
<view class="cell">
<view class="middle-one">提现记录</view>
<uv-cell-group>
<uv-cell :center="true" :border="false" v-for="(item,index) in 10" :key="index">
<template v-slot:title>
<text style="font-size: 28rpx;">提现</text>
</template>
<template v-slot:label>
<text style="font-size: 24rpx;color: #999; margin-top: 10rpx;">2024-11-12 12:56:48</text>
</template>
<template v-slot:value>
<view>
<view style="font-size: 28rpx;">+56.6</view>
<view style="font-size: 24rpx;color: #999; margin-top: 10rpx;">提现成功</view>
</view>
</template>
</uv-cell>
</uv-cell-group>
</view>
<view class="b-fiexd">
<view class="button-submit">提交</view>
<view class="button-submit">确定提现</view>
</view>
</view>
</template>
<script>
import userShopCommission from '@/components/userShop/userShopCommission.vue'
export default {
components: {
userShopCommission,
},
data() {
return {
notice : ''
notice: ''
}
},
methods: {
@ -54,50 +71,95 @@
</script>
<style scoped lang="scss">
.purse{
.purse {
min-height: 100vh;
background-color: #ffffff;
.from-body {
padding: 40rpx 20rpx;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC-Bold;
font-weight: 700;
text-align: left;
color: #333333;
line-height: 40px;
padding-bottom: 160rpx;
.from-line {
margin-top: 40rpx;
background-color: #F3F3F3;
.top-box {
height: 370rpx;
width: 100%;
background-image: url(../static/home/2.png);
background-size: 100% 100%;
.top-one {
font-size: 28rpx;
color: #FFF;
padding: 40rpx 20rpx 10rpx 20rpx;
}
.top-two {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10rpx;
padding: 10rpx;
background-color: #FFF;
border-radius: 16rpx;
view:nth-child(1) {
font-size: 80rpx;
color: #474747;
}
view:nth-child(2) {
font-size: 28rpx;
color: #92D823;
}
}
input {
width: 612rpx;
height: 90rpx;
line-height: 90rpx;
background: #F5F5F5;
border-radius: 46rpx;
padding: 0 50rpx;
.top-three {
display: flex;
padding: 10rpx 20rpx;
color: #474747;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC-Regular;
font-weight: 400;
text-align: left;
color: #333;
view:nth-child(2) {
color: #F53546;
}
}
}
.middle {
margin: 0 20rpx;
background-color: #fff;
border-radius: 16rpx;
margin-top: -70rpx;
.middle-one {
font-size: 34rpx;
color: #474747;
font-weight: 600;
padding: 40rpx 20rpx 10rpx;
}
.middle-two {
display: flex;
margin: 20rpx;
font-size: 26rpx;
color: #A2A2A2;
}
}
.cell {
margin: 20rpx;
background-color: #fff;
border-radius: 16rpx;
.middle-one {
font-size: 34rpx;
color: #474747;
font-weight: 600;
padding: 40rpx 20rpx 10rpx;
}
}
.button-submit {
width: 596rpx;
height: 90rpx;
line-height: 90rpx;
background: $uni-color;
border-radius: 46rpx;
margin: 20rpx auto;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC-Regular;
font-weight: 400;
@ -105,5 +167,4 @@
color: #ffffff;
}
}
</style>

BIN
pages_order/static/home/2.png View File

Before After
Width: 1500  |  Height: 1066  |  Size: 38 KiB

BIN
static/image/member/1.png View File

Before After
Width: 356  |  Height: 356  |  Size: 77 KiB

BIN
static/image/member/2.png View File

Before After
Width: 356  |  Height: 356  |  Size: 83 KiB

BIN
static/image/member/3.png View File

Before After
Width: 356  |  Height: 356  |  Size: 84 KiB

Write Preview
Loading…
Cancel
Save