添加定制列表页面

app.json

@@ -1,137 +1,137 @@
-{
-  "pages": [
-    "pages/index/index",
-    "pages/midAutumn/midAutumn",
-    "pages/awaitState/awaitState",
-    "pages/partnerShare/partnerShare",
-    "pages/partnerBusinessEarnings/partnerBusinessEarnings",
-    "pages/partnerBusinessRecord/partnerBusinessRecord",
-    "pages/partnerMineEarnings/partnerMineEarnings",
-    "pages/partnerCommonRecord/partnerCommonRecord",
-    "pages/dragonBoatFestival/dragonBoatFestival",
-    "pages/bindingPhone/bindingPhone",
-    "pages/dragonBoatFestivalInfor/dragonBoatFestivalInfor",
-    "pages/childrensDay/childrensDay",
-    "pages/fatherDay/fatherDay",
-    "pages/changePattern/changePattern",
-    "pages/newYears/newYears",
-    "pages/goodsAllList/goodsAllList",
-    "pages/find/index",
-    "pages/kind/index",
-    "pages/car/index",
-    "pages/carInsert/carInsert",
-    "pages/mine/mine",
-    "pages/mineCollect/mineCollect",
-    "pages/mineInvite/invite",
-    "pages/mineCoupon/coupon",
-    "pages/mineAddress/mineAddress",
-    "pages/editAddress/editAddress",
-    "pages/selectAddress/selectAddress",
-    "pages/mineHelp/index",
-    "pages/search/search",
-    "pages/orders/orders_index",
-    "pages/confirmOrder/confirmOrder",
-    "pages/kindList/kindList",
-    "pages/searchList/searchList",
-    "pages/addAddress/addAddress",
-    "pages/problemList/problemList",
-    "pages/feedback/feedback",
-    "pages/allGiftList/allGiftList",
-    "pages/articleInfor/articleInfor",
-    "pages/brandList/brandList",
-    "pages/brandInfor/brandInfor",
-    "pages/kindSecondList/kindSecondList",
-    "pages/buy/buy",
-    "pages/buyOnly/buyOnly",
-    "pages/buyMoonCake/buyMoonCake",
-    "pages/confirmedList/confirmedList",
-    "pages/orderList/orderList",
-    "pages/mineInviteAward/mineInviteAward",
-    "pages/newkindList/newkindList",
-    "pages/recommendList/recommendList",
-    "pages/problemInfor/problemInfor",
-    "pages/invoiceInfor/invoiceInfor",
-    "pages/mineAddress2/index2",
-    "pages/problemListCont1/problemListCont1",
-    "pages/problemListCont2/problemListCont2",
-    "pages/problemListCont3/problemListCont3",
-    "pages/problemListCont4/problemListCont4",
-    "pages/problemListCont6/problemListCont6",
-    "pages/wuliu/wuliu",
-    "pages/share/share",
-    "pages/shareGift/shareGift",
-    "pages/shareState/shareState",
-    "pages/awaitStateFromList/awaitStateFromList",
-    "pages/giftList/giftList",
-    "pages/sendOwnAddress/sendOwnAddress",
-    "pages/editAddressSendOwn/editAddressSendOwn",
-    "pages/addAddressSendOwn/addAddressSendOwn",
-    "pages/webview/webview",
-    "pages/serviceCont/serviceCont",
-    "pages/jianshe/jianshe",
-    "pages/addAddressFriend/addAddressFriend",
-    "pages/patternMenu/patternMenu",
-    "pages/patternList/patternList",
-    "pages/aboutUs/aboutUs",
-    "pages/girlsDayInfo/girlsDayInfo",
-    "pages/goodsGift/goodsGift",
-    "pages/mineGiftList/mineGiftList",
-    "pages/indepCoupon/indepCoupon",
-    "pages/indepCoupon2/indepCoupon2",
-    "pages/indepCoupon3/indepCoupon3",
-    "pages/sakuraDay/sakuraDay",
-    "pages/girlsDay/girlsDay",
-    "pages/confirmOrderOnly/confirmOrderOnly",
-    "pages/authorize/authorize",
-    "pages/eachGiftInfor/eachGiftInfor",
-    "pages/midAutumnFestival/midAutumnFestival"
-    
-  ],
-  "window": {
-    "backgroundTextStyle": "white",
-    "navigationBarTextStyle": "white",
-    "navigationBarTitleText": "大良造",
-    "navigationBarBackgroundColor": "#252a2d",
-    "backgroundColor": "#fff",
-    "enablePullDownRefresh": false
-  },
-  "tabBar": {
-    "color": "#fff",
-    "selectedColor": "#b4a078",
-    "borderStyle": "white",
-    "backgroundColor": "#1a1d1f",
-    "list": [
-      {
-        "pagePath": "pages/index/index",
-        "iconPath": "images/index_n.png",
-        "selectedIconPath": "images/index_pre.png",
-        "text": "首页"
-      },
-      {
-        "pagePath": "pages/find/index",
-        "iconPath": "images/find_n.png",
-        "selectedIconPath": "images/find_pre.png",
-        "text": "发现"
-      },
-      {
-        "pagePath": "pages/kind/index",
-        "iconPath": "images/kind_n.png",
-        "selectedIconPath": "images/kind_pre.png",
-        "text": "分类"
-      },
-      {
-        "pagePath": "pages/car/index",
-        "iconPath": "images/shopping_n.png",
-        "selectedIconPath": "images/shopping_pre.png",
-        "text": "购物车"
-      },
-      {
-        "pagePath": "pages/mine/mine",
-        "iconPath": "images/mine_n.png",
-        "selectedIconPath": "images/mine_pre.png",
-        "text": "个人"
-      }
-    ]
-  },
-  "debug": true
+{
+  "pages": [
+    "pages/index/index",
+    "pages/midAutumn/midAutumn",
+    "pages/awaitState/awaitState",
+    "pages/partnerShare/partnerShare",
+    "pages/partnerBusinessEarnings/partnerBusinessEarnings",
+    "pages/partnerBusinessRecord/partnerBusinessRecord",
+    "pages/partnerMineEarnings/partnerMineEarnings",
+    "pages/partnerCommonRecord/partnerCommonRecord",
+    "pages/dragonBoatFestival/dragonBoatFestival",
+    "pages/bindingPhone/bindingPhone",
+    "pages/dragonBoatFestivalInfor/dragonBoatFestivalInfor",
+    "pages/childrensDay/childrensDay",
+    "pages/fatherDay/fatherDay",
+    "pages/changePattern/changePattern",
+    "pages/newYears/newYears",
+    "pages/goodsAllList/goodsAllList",
+    "pages/find/index",
+    "pages/kind/index",
+    "pages/car/index",
+    "pages/carInsert/carInsert",
+    "pages/mine/mine",
+    "pages/mineCollect/mineCollect",
+    "pages/mineInvite/invite",
+    "pages/mineCoupon/coupon",
+    "pages/mineAddress/mineAddress",
+    "pages/editAddress/editAddress",
+    "pages/selectAddress/selectAddress",
+    "pages/mineHelp/index",
+    "pages/search/search",
+    "pages/orders/orders_index",
+    "pages/confirmOrder/confirmOrder",
+    "pages/kindList/kindList",
+    "pages/searchList/searchList",
+    "pages/addAddress/addAddress",
+    "pages/problemList/problemList",
+    "pages/feedback/feedback",
+    "pages/allGiftList/allGiftList",
+    "pages/articleInfor/articleInfor",
+    "pages/brandList/brandList",
+    "pages/brandInfor/brandInfor",
+    "pages/kindSecondList/kindSecondList",
+    "pages/buy/buy",
+    "pages/buyOnly/buyOnly",
+    "pages/buyMoonCake/buyMoonCake",
+    "pages/confirmedList/confirmedList",
+    "pages/orderList/orderList",
+    "pages/mineInviteAward/mineInviteAward",
+    "pages/newkindList/newkindList",
+    "pages/recommendList/recommendList",
+    "pages/problemInfor/problemInfor",
+    "pages/invoiceInfor/invoiceInfor",
+    "pages/mineAddress2/index2",
+    "pages/problemListCont1/problemListCont1",
+    "pages/problemListCont2/problemListCont2",
+    "pages/problemListCont3/problemListCont3",
+    "pages/problemListCont4/problemListCont4",
+    "pages/problemListCont6/problemListCont6",
+    "pages/wuliu/wuliu",
+    "pages/share/share",
+    "pages/shareGift/shareGift",
+    "pages/shareState/shareState",
+    "pages/awaitStateFromList/awaitStateFromList",
+    "pages/giftList/giftList",
+    "pages/sendOwnAddress/sendOwnAddress",
+    "pages/editAddressSendOwn/editAddressSendOwn",
+    "pages/addAddressSendOwn/addAddressSendOwn",
+    "pages/webview/webview",
+    "pages/serviceCont/serviceCont",
+    "pages/jianshe/jianshe",
+    "pages/addAddressFriend/addAddressFriend",
+    "pages/patternMenu/patternMenu",
+    "pages/patternList/patternList",
+    "pages/aboutUs/aboutUs",
+    "pages/girlsDayInfo/girlsDayInfo",
+    "pages/goodsGift/goodsGift",
+    "pages/mineGiftList/mineGiftList",
+    "pages/indepCoupon/indepCoupon",
+    "pages/indepCoupon2/indepCoupon2",
+    "pages/indepCoupon3/indepCoupon3",
+    "pages/sakuraDay/sakuraDay",
+    "pages/girlsDay/girlsDay",
+    "pages/confirmOrderOnly/confirmOrderOnly",
+    "pages/authorize/authorize",
+    "pages/eachGiftInfor/eachGiftInfor",
+    "pages/midAutumnFestival/midAutumnFestival",
+    "pages/customized/index/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "white",
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "大良造",
+    "navigationBarBackgroundColor": "#252a2d",
+    "backgroundColor": "#fff",
+    "enablePullDownRefresh": false
+  },
+  "tabBar": {
+    "color": "#fff",
+    "selectedColor": "#b4a078",
+    "borderStyle": "white",
+    "backgroundColor": "#1a1d1f",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "iconPath": "images/index_n.png",
+        "selectedIconPath": "images/index_pre.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/find/index",
+        "iconPath": "images/find_n.png",
+        "selectedIconPath": "images/find_pre.png",
+        "text": "发现"
+      },
+      {
+        "pagePath": "pages/kind/index",
+        "iconPath": "images/kind_n.png",
+        "selectedIconPath": "images/kind_pre.png",
+        "text": "分类"
+      },
+      {
+        "pagePath": "pages/car/index",
+        "iconPath": "images/shopping_n.png",
+        "selectedIconPath": "images/shopping_pre.png",
+        "text": "购物车"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "iconPath": "images/mine_n.png",
+        "selectedIconPath": "images/mine_pre.png",
+        "text": "个人"
+      }
+    ]
+  },
+  "debug": true
 }

app.wxss

@@ -1,111 +1,113 @@
-/**app.wxss**/
-.container {
-    font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    box-sizing: border-box;
-}
-
-page {
-    background-color: #e2e2e2;
-}
-.no_border{
-  border:0px none;
-}
-.clearfix{
-    clear:both;
-    zoom: 1;
-}
-.clearfix:after {
-    content: "";
-    height: 0;
-    display: block;
-    overflow: hidden;
-    clear: both;
-}
-.navigator-hover{
-  background-color: transparent;
-  opacity: 1;
-}
-
-/* button - share */
-button[plain] {
-  color:#353535;
-  border:0px none;
-  background-color:transparent;
-}
-
-
-/* 提示弹窗 */
-.modal_wrap{
-  position: fixed;
-  top:0;
-  left:0;
-  z-index: 999999;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.modal{
-  max-width: 600rpx;
-  font-size: 28rpx;
-  color:#fff;
-  padding:15rpx 20rpx;
-  background-color: rgba(0,0,0,0.6);
-}
-.hidden{
-   display: none; 
-}
-.modal_bg{
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top:0;
-  left:0;
-  z-index: 11;
-  background-color: rgba(0,0,0,0.5);
-}
-.loading{
-  text-align: center;
-  font-size: 30rpx;
-  line-height: 60rpx;
-  color: #c8c8c8;
-}
-
-/* 返回首页 */
-.back_btn{
-  position: fixed;
-  right: 22rpx;
-  bottom:118rpx ;
-  z-index: 20;
-}
-.back_btn_hidden{
-   display: none; 
-}
-.back_btn_icon{
-  display: block;
-  width: 80rpx;
-  height: 80rpx;
-}
-button.form_button{
-  background-color: transparent;
-  padding: 0;
-  margin: 0;
-  display: inline;
-  position: static;
-  border: 0;
-  font-size:0;
-  color:transparent;
-}
-button.form_button::after{
-  content:'';
-  width:0;
-  height: 0;
-  -webkit-transform:scale(1);
-  transform:scale(1);
-  display:none;
-  background-color:transparent;
-}
+/**app.wxss**/
+.container {
+    font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    box-sizing: border-box;
+}
+
+page {
+    background-color: #e2e2e2;
+}
+.no_border{
+  border:0px none;
+}
+.clearfix{
+    clear:both;
+    zoom: 1;
+}
+.clearfix:after {
+    content: "";
+    height: 0;
+    display: block;
+    overflow: hidden;
+    clear: both;
+}
+.navigator-hover{
+  background-color: transparent;
+  opacity: 1;
+}
+
+/* button - share */
+button[plain] {
+  color:#353535;
+  border:0px none;
+  background-color:transparent;
+}
+
+
+/* 提示弹窗 */
+.modal_wrap{
+  position: fixed;
+  top:0;
+  left:0;
+  z-index: 999999;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal{
+  max-width: 600rpx;
+  font-size: 28rpx;
+  color:#fff;
+  padding:15rpx 20rpx;
+  background-color: rgba(0,0,0,0.6);
+}
+.hidden{
+   display: none; 
+}
+.modal_bg{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top:0;
+  left:0;
+  z-index: 11;
+  background-color: rgba(0,0,0,0.5);
+}
+.loading{
+  text-align: center;
+  font-size: 30rpx;
+  line-height: 60rpx;
+  color: #c8c8c8;
+}
+
+/* 返回首页 */
+.back_btn{
+  position: fixed;
+  right: 22rpx;
+  bottom:118rpx ;
+  z-index: 20;
+}
+.back_btn_hidden{
+   display: none; 
+}
+.back_btn_icon{
+  display: block;
+  width: 80rpx;
+  height: 80rpx;
+}
+button.form_button{
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  display: inline;
+  position: static;
+  border: 0;
+  font-size:0;
+  color:transparent;
+}
+button.form_button::after{
+  content:'';
+  width:0;
+  height: 0;
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  display:none;
+  background-color:transparent;
+}
+/* 定制的公共样式 */
+@import './style/customized.wxss'

pages/customized/index/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "定制",
+  "backgroundColor": "#fff"
+}

pages/customized/index/index.wxml

@@ -0,0 +1,19 @@
+<view class="auto">
+  <view class="f-box mar-t20">
+    <view class='cust-img mar-r'>
+        <image src="/images/customized/cup_black.png" mode="aspectFit"></image>
+      </view>
+    <view class="f-item mar-l20">
+    <view class='cup-main'>
+     <view class='f-s32'>奶缸-黑色 350ml</view>
+      <view class="mar-t20 f-s32 c-orange">￥45.00</view>
+    </view>
+      <navigator url="/pages/" class='cust-btn f-s36 bg-green c-white'>去定制</navigator>
+    </view>
+  </view>
+  <view class='cust-footer f-box f-right'>
+    <navigator class='icon-wode iconfont c-green'></navigator>
+    <navigator class='icon-gouwuche iconfont c-green'></navigator>
+    <navigator class='icon-shouye iconfont c-green'></navigator>
+  </view>
+</view>

pages/customized/index/index.wxss

@@ -0,0 +1,41 @@
+page{
+  background: #fff;
+}
+.cust-img{
+  width:240rpx;
+  height:240rpx;
+  background:#eee;
+}
+.cup-main{
+  height:200rpx;
+}
+.cust-img image{
+  width:100%;
+  height: 100%;
+}
+.cust-btn{
+  width:150rpx;
+  height:50rpx;
+  line-height:50rpx;
+  text-align: center;
+  border-radius:50rpx;
+  float: right;
+}
+.cust-footer{
+  height:100rpx;
+  line-height:100rpx;
+  position: fixed;
+  bottom:0;
+  right:20rpx;
+  z-index:10;
+}
+.cust-footer .iconfont{
+  font-size:48rpx;
+  width:70rpx;
+  height:70rpx;
+  border:1rpx solid #e0e0e0;
+  border-radius:100%;
+  text-align: center;
+  line-height:70rpx;
+  margin-right:30rpx;
+}

project.config.json

@@ -20,9 +20,23 @@
 			"current": -1,
 			"list": []
 		},
-		"miniprogram": {
+		"plugin": {
 			"current": -1,
 			"list": []
+		},
+		"game": {
+			"list": []
+		},
+		"miniprogram": {
+			"current": 0,
+			"list": [
+				{
+					"id": 0,
+					"name": "定制",
+					"pathName": "pages/customized/index/index",
+					"query": ""
+				}
+			]
 		}
 	}
 }

style/customized.wxss

@@ -0,0 +1,67 @@
+@import './fonticon.wxss';
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 36rpx;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* 通用 */
+/* page{
+  background: #fff;
+} */
+.auto{
+  margin:0 20rpx;
+}
+/* flex布局 */
+.f-box{
+  display: flex;
+  display: -webkit-flex; /* Safari */
+}
+.f-right{
+   flex-direction:row-reverse
+}
+.f-item {
+  flex-grow: 1; /* default 0 */
+}
+/* color */
+.c-green{
+  color:#00af66
+}
+.c-orange{
+  color:#e8976a;
+}
+.c-white{
+  color:white
+}
+.c-black{
+  color:black;
+}
+.bg-orange{
+  color:#e8976a;
+}
+.bg-green{
+  background:#00af66;
+}
+/* 通用样式 */
+.t-right{
+  text-align: right
+}
+.f-s32{
+  font-size:32rpx;
+}
+.f-s36{
+  font-size:36rpx;
+}
+.mar-l20{
+  margin-left:20rpx;
+}
+.mar-t20{
+  margin-top:20rpx;
+}
+.mar-b20{
+  margin-bottom:20rpx;
+}
+.mar-r20{
+  margin-right:20rpx;
+}