新增页面

src/pages.json

@@ -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

src/pages/ConfirmOrder/ConfirmOrder.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
-		<view class="person_des bg_col_cirle_margin">
+		<view class="person_des bg_col_cirle_margin" @click="goAddressPge">
-			<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image>
+			<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">
+				<view class="goods_itm_top" style="display: flex; align-items: center;">
-					<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image>
+					<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;

src/pages/OrderDetail/OrderDetail.vue

@@ -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" style="justify-content: flex-end;">
-                <u-radio-group v-model="FetchGoodMethod" placement="row">
+                    <u-radio name="1" activeColor="#99241B" labelColor="#251B1D" label="线上发货 "></u-radio>
-                    <u-radio name="1" activeColor="red" label="线上发货 "></u-radio>
+                    <u-radio style="margin-left: 24rpx;" name="2" activeColor="#99241B" labelColor="#AFADB0"
-                    <u-radio name="2" activeColor="red" label="线下自取"></u-radio>
+                        label="线下自取"></u-radio>
                 </u-radio-group>
+                <view class="zuzhi_click"
+                    style="position: absolute; background-color:transparent; width: 100%; height: 100%;">
 
-                <!-- <text>
+                </view>
-                     <label class="radio">
-                        <radio value="true" /><text></text>
-                         线上发货
-                    </label>
-                </text> -->
             </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;
+                width: 52rpx;
-                height: 40rpx;
+                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;
 
     }

src/pages/ReceivingAddress/EditAddresspge.vue

@@ -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>

src/pages/ReceivingAddress/ReceivingAddress.vue

@@ -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>