新增页面
This commit is contained in:
parent
d8e2a0cb6c
commit
7a47deafd4
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 946 B |
Binary file not shown.
|
After Width: | Height: | Size: 896 B |
Loading…
Reference in New Issue