xiangshan
/
yxxh5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增页面

This commit is contained in:
周源 2022-04-20 17:13:10 +08:00
parent d8e2a0cb6c
commit 7a47deafd4
7 changed files with 213 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages.json
View File

@ -329,6 +329,24 @@
}
}
,{
"path" : "pages/ReceivingAddress/ReceivingAddress",
"style" :
{
"navigationBarTitleText": "收货地址",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/ReceivingAddress/EditAddresspge",
"style" :
{
"navigationBarTitleText": "修改地址",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色，仅支持 black/white

28
src/pages/ConfirmOrder/ConfirmOrder.vue
View File

@ -1,7 +1,7 @@
<template>
<view>
<view class="person_des bg_col_cirle_margin">
<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image>
<view class="person_des bg_col_cirle_margin" @click="goAddressPge">
<image style="width: 46rpx; height: 46rpx;" src="../../static/local.png" mode=""></image>
<view class="person_con">
<view class="person_con_t">
<view class="info_txt">
@ -17,14 +17,14 @@
<view class="goods_box bg_col_cirle_margin">
<view class="goods_itm">
<view class="goods_itm_top">
<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image>
<view class="goods_itm_top" style="display: flex; align-items: center;">
<image style="width: 36rpx; height: 36rpx;" src="../../static/RewardWork/avator.png" mode=""></image>
<text class="goods_itm_top_title">周科</text>
</view>
<view class="goods_itm_bott">
<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
<image style="width: 148rpx; height: 156rpx; border-radius: 16rpx;" src="../../static/shop/picture.png" mode="">
</image>
<view class="goods_itm_bott_left">
<view class="goods_itm_bott_left" style="margin-left: 24rpx;">
<text style="font-weight: 600;">绘画作品</text>
<view class="goods_itm_bott_left_count">
<text>x1</text> <text>￥80</text>
@ -52,7 +52,7 @@
<view class="pay_methods bg_col_cirle_margin">
<text>支付方式</text>
<view class="pay_right">
<image style="width: 32rpx; height: 32rpx;" src="../../static/DataSearch/Delet.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx;margin-right: 8rpx;" src="../../static/RewardWork/fightVirus.png" mode=""></image>
<text>微信支付</text>
</view>
</view>
@ -75,7 +75,14 @@
return {
};
}
},
methods:{
goAddressPge(){
uni.navigateTo({
url:"/pages/ReceivingAddress/ReceivingAddress"
})
}
}
}
</script>
@ -113,16 +120,19 @@
.goods_itm_top{
.goods_itm_top_title{
font-weight: 600;
margin-left: 16rpx;
font-size: 32rpx;
}
}
.goods_itm_bott{
margin-top: 16rpx;
margin-top: 32rpx;
display: flex;
.goods_itm_bott_left{
flex: 1;
margin-left: 16rpx;
.goods_itm_bott_left_count{
margin-top: 16rpx;
color: $gray;
display: flex;
justify-content: space-between;

63
src/pages/OrderDetail/OrderDetail.vue
View File

@ -81,7 +81,7 @@
<text>李已</text>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="rate1" :readonly="true" ></u-rate>
<u-rate count=5 v-model="rate1" :readonly="true"></u-rate>
</view>
</view>
@ -115,20 +115,17 @@
<view class="order_itm" style=" border-top: solid 1rpx #E0E0E0; border-bottom: 1rpx solid #E0E0E0 ; ">
<text class="order_itm_t">商品总价</text> <text>25积分</text>
</view>
<view class="order_itm">
<view class="order_itm" style="position: relative;">
<text class="order_itm_t">提货方式</text>
<u-radio-group v-model="FetchGoodMethod" placement="row">
<u-radio name="1" activeColor="red" label="线上发货 "></u-radio>
<u-radio name="2" activeColor="red" label="线下自取"></u-radio>
<u-radio-group v-model="FetchGoodMethod" placement="row" style="justify-content: flex-end;">
<u-radio name="1" activeColor="#99241B" labelColor="#251B1D" label="线上发货 "></u-radio>
<u-radio style="margin-left: 24rpx;" name="2" activeColor="#99241B" labelColor="#AFADB0"
label="线下自取"></u-radio>
</u-radio-group>
<view class="zuzhi_click"
style="position: absolute; background-color:transparent; width: 100%; height: 100%;">
<!-- <text>
<label class="radio">
<radio value="true" /><text></text>
线上发货
</label>
</text> -->
</view>
</view>
<u-button class="custom-style" style="background-color:#99241B ; color: #FFFFFF; margin-top: 32rpx;"
type="default" @click="DoBuy">购买</u-button>
@ -138,20 +135,25 @@
<view class="operation">
<view class="start_icon" @click="ClickBuy">
<view class="col_icon " style="position: relative;">
<image style="width: 100%; height: 100%;" src='../../static/shop/car.png'></image>
<u-badge style="transform: scale(0.6) translateX(40rpx);" absolute :max="99" :offset="[0,0]"
type="error" :value="carValue"></u-badge>
</view>
</view>
<view class="start_icon" @click="ClickStart">
<view class="col_icon ">
<image style="width: 100%; height: 100%;" :src="StartSrc[0]"></image>
</view>
<view class="col_txt" style="font-size: 20rpx; ">
收藏
</view>
</view>
<view class="btn_contain" style="display: flex;">
<button type="default" class="addCar" @click="colection()">加入购物车</button>
<button type="default" class="addCar" @click="addCarClick">加入购物车</button>
<button type="default" class="buy" @click="ImdeiaBuy">立即购买</button>
</view>
</view>
<u-toast ref="uToast"></u-toast>
<view class="zhanwei">
</view>
@ -164,6 +166,7 @@
export default {
data() {
return {
carValue: 1000,
rate1: 1,
showBuy: false,
id: '',
@ -214,8 +217,20 @@
goAllPingjia() {
// 跳转到全部评价
uni.navigateTo({
url:"/pages/PingJiaList/PingJiaList"
})
url: "/pages/PingJiaList/PingJiaList"
})
},
addCarClick() {
this.$refs.uToast.show({
type: 'default',
message: "加入购物车成功",
})
},
ClickBuy(){
uni.navigateTo({
url:'/pages/ShoppingCart/ShoppingCart'
})
}
},
onLoad(option) {
@ -364,13 +379,13 @@
align-items: center;
.col_icon {
width: 40rpx;
height: 40rpx;
width: 52rpx;
height: 52rpx;
}
}
.addCar {
width: 284rpx;
width: 250rpx;
height: 80rpx;
line-height: 80rpx;
// flex: 0 0 240rpx;
@ -384,7 +399,7 @@
}
.buy {
width: 284rpx;
width: 250rpx;
height: 80rpx;
line-height: 80rpx;
// flex: 1;
@ -404,7 +419,7 @@
}
.zhanwei {
height: 1000rpx;
}

81
src/pages/ReceivingAddress/EditAddresspge.vue Normal file
View File

@ -0,0 +1,81 @@
<template>
<view style="width: calc( 100% - 64rpx); margin: 0 auto;">
<u--form :model="model1" ref="form1" labelWidth='auto' :labelStyle='{fontWeight:800}'>
<u-form-item prop="userInfo.name" ref="item1" label="收货姓名" class="data_itm" borderBottom>
<u--input style="padding: 32rpx;" placeholder="请输入收货人姓名" clearable v-model="model1.userInfo.name"
border="none"></u--input>
</u-form-item>
<u-form-item prop="userInfo.name" ref="item1" label="手机号码" class="data_itm" borderBottom>
<u--input style="padding: 32rpx;" placeholder="请输入手机号码" clearable v-model="model1.userInfo.name"
border="none"></u--input>
</u-form-item>
<u-form-item prop="userInfo.name" ref="item1" label="所在地区" class="data_itm" borderBottom
@click="showAddr=true">
<u--input style="padding: 32rpx;" placeholder="选择所在地区" readonly clearable v-model="model1.userInfo.name"
border="none">
<u-icon slot="suffix" name="arrow-right"></u-icon>
</u--input>
</u-form-item>
<u-form-item prop="userInfo.name" ref="item1" label="详细地址" class="data_itm">
<u--input style="padding: 32rpx;" placeholder="街道、楼门排号等" clearable v-model="model1.userInfo.name"
border="none"></u--input>
</u-form-item>
<view class="save" style="padding: 4px 24rpx;">
<u-button text="保存" :customStyle="{'border-radius':'8rpx'}" size="large" throttleTime=1000
color="#99241B" @click="goAddEditPGE"></u-button>
</view>
</u--form>
<u-picker :show="showAddr" :columns="columns"></u-picker>
</view>
</template>
<script>
export default {
data() {
return {
showAddr: false,
columns: [
['中国', '美国', '日本'],
['日'],
["jd"]
],
model1: {
userInfo: {
name: '',
sex: '',
birthday: "",
idCOde: '',
zuValue: '',
zhengzhiValue: '',
phoneNum: '',
meeting: '',
meetingTime: '',
ServerName: '',
Address: ''
},
}
};
},
onLoad(opt) {
console.log(opt.num);
uni.setNavigationBarTitle({
title: opt.name
})
}
}
</script>
<style lang="scss">
page {
background-color: #FFFFFF;
}
</style>

56
src/pages/ReceivingAddress/ReceivingAddress.vue Normal file
View File

@ -0,0 +1,56 @@
<template>
<view style="width: calc( 100% - 64rpx); margin: 0 auto;">
<view class="address_main" style="margin: 24rpx 0rpx 32rpx; background-color: #FFFFFF; border-radius: 8rpx;">
<view class="address_itm" v-for="(item,index) in 3" :key="index"
style="padding: 32rpx 24rpx 28rpx; border-bottom: 1rpx solid #EFEFF1;">
<view class="address_itm_top"
style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16rpx; font-weight: 600; font-size: 32rpx;">
<view class="address_itm_top_text">
<image style="width: 38rpx; height: 38rpx; vertical-align: bottom; margin-right: 16rpx;"
src="../../static/selectID/gouXuan.png" mode=""></image>
<text style="margin-right: 24rpx; ">王毅</text> <text> 16658525844</text>
</view>
<image style="width: 40rpx; height: 40rpx;" src="../../static/editAddress.png" mode=""
@click="goEditAddress(index)"></image>
</view>
<text style="color: #AFADB0;">宁波市高新区智慧园A区</text>
</view>
</view>
<u-button text="添加收货地址" :customStyle="{'border-radius':'8rpx'}" size="large" icon="plus-circle"
iconColor="#FFFFFF" throttleTime=1000 color="#99241B" @click="goAddEditPGE"></u-button>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods:{
goEditAddress(num){
uni.navigateTo({
url: `/pages/ReceivingAddress/EditAddresspge?name=修改收货地址&num=${num}`
})
},
goAddEditPGE(){
uni.navigateTo({
url: '/pages/ReceivingAddress/EditAddresspge?name=新建地址 '
})
}
}
}
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
</style>

BIN
src/static/addAddressimg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 946 B

BIN
src/static/editAddress.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 896 B