Jelajahi Sumber

做了订单支付两种状态页,做了选择收货地址页面,暂停该项目

不夜浮尘 1 Minggu lalu
induk
melakukan
375af3b476

+ 4 - 2
sources/client/smart-cooker/app.json

@@ -1,7 +1,7 @@
 {
   "themeLocation": "theme.json",
   "pages": [
-    "pages/cart/index",  
+    "pages/address/index",  
     "pages/home/index",
     "pages/cookbook/index",
     "pages/smartselection/index",
@@ -20,7 +20,9 @@
     "pages/menusearch/index",
     "pages/mymenu/index",
     "pages/goods/index",
-    "pages/cart/index"
+    "pages/cart/index",
+    "pages/orderpay/index",
+    "pages/address/index"
   ],
   "tabBar": {
     "color": "@tabFontColor",

TEMPAT SAMPAH
sources/client/smart-cooker/assets/images/xian/icon_address.png


TEMPAT SAMPAH
sources/client/smart-cooker/assets/images/xian/icon_edit.png


TEMPAT SAMPAH
sources/client/smart-cooker/assets/images/xian/icon_shop.png


TEMPAT SAMPAH
sources/client/smart-cooker/assets/images/xian/icon_trash.png


TEMPAT SAMPAH
sources/client/smart-cooker/assets/images/xian/icon_wechat.png


+ 79 - 0
sources/client/smart-cooker/pages/address/index.js

@@ -0,0 +1,79 @@
+Page({
+  data: {
+    imgUrl: '/assets/images/xian/moremenu_img1.jpg',
+    showDeleteGoodsDialog: true,
+    menuList: [
+      {
+        name: '香滑皮蛋瘦肉粥十五分钟快...',
+        imgUrl: '/assets/images/xian/moremenu_img1.jpg',
+        text: '十五分钟快手之香滑皮蛋瘦肉粥,香滑皮蛋瘦肉粥十五分钟快手之香滑皮蛋',
+        time: '20',
+        level: '中等',
+        num: '202',
+        collect: '100',
+      },
+      {
+        name: '网红芝士烤牛奶',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '网红芝士烤牛奶/哄娃神器系列',
+        time: '40',
+        level: '中等',
+        num: '1.2w',
+        collect: '234',
+      }, 
+      {
+        name: '奶香豆沙',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '奶香豆沙小馒头,仅需一次松弛',
+        time: '20',
+        level: '中等',
+        num: '1246',
+        collect: '574',
+      },
+      {
+        name: '爆好吃的卤鸡腿!卤蛋(电饭煲)',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '晚上做好,剩下的汤汁不要倒掉',
+        time: '40',
+        level: '中等',
+        num: '1.4w',
+        collect: '2526',
+      },
+      {
+        name: '糖醋鸡胸肉',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '酸酸甜甜的糖醋鸡胸肉,小朋友的最爱!',
+        time: '20',
+        level: '中等',
+        num: '1.4w',
+        collect: '2526',
+      },
+      {
+        name: '家庭版油焖大虾',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '虾含蛋白质含钙量高,外酥里嫩。关键做法…',
+        time: '40',
+        level: '中等',
+        num: '2.4w',
+        collect: '1.2w',
+      },
+    ], 
+  },
+
+  onShow() {
+    this.setData({
+      // hasHiddenTabBar: true,
+      message_list: []
+    })
+    ty.hideMenuButton()             
+  },
+  goMenuSearch() {
+    ty.navigateTo({
+      url: '/pages/menusearch/index',
+    })
+  },
+
+  checkboxChange(ev) {
+    console.log(ev.detail.value);
+  },
+})

+ 9 - 0
sources/client/smart-cooker/pages/address/index.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarBackgroundColor": "#FFFFFF",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "选择收货地址",
+  "backgroundColor": "#FFFFFF",
+  "backgroundTextStyle": "dark",
+  "enablePullDownRefresh": true,
+  "usingComponents": {}
+}

+ 17 - 0
sources/client/smart-cooker/pages/address/index.tyml

@@ -0,0 +1,17 @@
+<view class="address">
+    <view class ="address_content">
+        <view class="address_item card">
+            <view class="address_item_title wrap">嘟嘟 15918539420</view>
+            <view class="address_item_info">广东省 广州市 海珠区 xx街道xxx</view>
+            <view class="address_item_avatar">嘟</view>
+            <view class="address_item_edit"></view>
+        </view>
+        <view class="address_item card">
+            <view class="address_item_title wrap">晨曦 13782273839</view>
+            <view class="address_item_info">广东省 广州市 海珠区 xx街道xxx</view>
+            <view class="address_item_avatar">嘟</view>
+            <view class="address_item_edit"></view> 
+        </view>
+    </view>
+    <view class="address_btn">添加新地址</view>
+</view>

+ 10 - 0
sources/client/smart-cooker/pages/address/index.tyss

@@ -0,0 +1,10 @@
+page {background-color: #F6F7F8;}
+.address {position: relative;}
+.address .address_content {padding: 0rpx 24rpx;box-sizing: border-box;overflow: hidden;margin-top: 24rpx;}
+.address .address_content .card {background: #FFFFFF;border-radius: 16rpx;box-shadow: 0rpx 4rpx 16rpx 1rpx rgba(0,0,0,0.06);margin-bottom: 24rpx;padding: 24rpx;box-sizing: border-box;}
+.address .address_content .address_item {padding: 40rpx 0rpx;padding-left: 128rpx;padding-right: 72rpx; position: relative;}
+.address .address_content .address_item .address_item_avatar {position: absolute;left: 24rpx;top: 50%;transform: translateY(-50%);width: 80rpx;height: 80rpx;border-radius: 50%;background-color: #88C161;display: flex;justify-content: center;align-items: center;font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 36rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}
+.address .address_content .address_item .address_item_edit {position: absolute;width: 36rpx;height: 36rpx;background: url(/assets/images/xian/icon_edit.png) no-repeat center;background-size: contain;right: 36rpx;top: 50%;transform: translateY(-50%);}
+.address .address_content .address_item .address_item_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
+.address .address_content .address_item .address_item_info {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
+.address .address_btn {width: 600rpx;height: 100rpx;line-height: 100rpx;background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);border-radius: 50rpx 50rpx 50rpx 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 36rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;position: absolute;top: 1000rpx;left: 50%;transform: translateX(-50%);}

+ 1 - 0
sources/client/smart-cooker/pages/cart/index.js

@@ -1,6 +1,7 @@
 Page({
   data: {
     imgUrl: '/assets/images/xian/moremenu_img1.jpg',
+    showDeleteGoodsDialog: true,
     menuList: [
       {
         name: '香滑皮蛋瘦肉粥十五分钟快...',

+ 15 - 1
sources/client/smart-cooker/pages/cart/index.tyml

@@ -57,4 +57,18 @@
         </view>
         <view class="cart_footer_btn">加入购物车</view>
     </view>
-</view>
+</view>
+
+
+<page-container show="{{showDeleteGoodsDialog}}" duration="300" round="{{true}}" custom-style="border-radius: 16rpx 16rpx 0rpx 0rpx;" position="bottom" bind:clickoverlay="onClickOverlay">
+    <view class="deletegoods_dialog dialog">
+        <view class="dialog_img img_box">
+            <image class="image" mode="widthFix" src="/assets/images/xian/icon_trash.png"></image>
+        </view> 
+        <view class="dialog_text">确定删除该商品吗?</view> 
+        <view class="dialog_btn">
+            <view class="dialog_btn_item">取消</view> 
+            <view class="dialog_btn_item active">删除</view> 
+        </view> 
+    </view>
+</page-container> 

+ 12 - 1
sources/client/smart-cooker/pages/cart/index.tyss

@@ -1,4 +1,4 @@
-page {background-color: #F6F7F8;}
+ page {background-color: #F6F7F8;}
 .cart {position: relative;padding: 40rpx 24rpx;box-sizing: border-box;}
 .cart .cart_delete {position: absolute;width: 36rpx;height: 36rpx;background: url(/assets/images/xian/icon_delete.png) no-repeat center;background-size: contain;top: -40rpx;right: 0;z-index: 999;display: none;}
 .cart .cart_list {display: flex;flex-direction: column;}
@@ -33,3 +33,14 @@ page {background-color: #F6F7F8;}
 .cart_footer .cart_footer_content .cart_footer_btn {margin-left: 24rpx;width: 240rpx;height: 76rpx;line-height: 76rpx;background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);border-radius: 50rpx 50rpx 50rpx 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}
 
 
+.dialog {background: #FFFFFF;box-shadow: 0rpx 4rpx 16rpx 1rpx rgba(0,0,0,0.06);border-radius: 16rpx 16rpx 0rpx 0rpx;padding: 40rpx;box-sizing: border-box;position: relative;}
+
+.deletegoods_dialog {display: flex;flex-direction: column;align-items: center;}
+.deletegoods_dialog .dialog_img {width: 88rpx;padding-top: 88rpx;margin-top: 40rpx;}
+.deletegoods_dialog .dialog_text {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: center;font-style: normal;text-transform: none;margin-top: 40rpx;}
+.deletegoods_dialog .dialog_btn {display: flex;justify-content: center;align-items: center;margin-top: 80rpx;margin-bottom: 32rpx;}
+.deletegoods_dialog .dialog_btn .dialog_btn_item {width: 300rpx;height: 100rpx; line-height: 100rpx;background: #F0F0F0;border-radius: 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 36rpx;color: #150132;text-align: center;font-style: normal;text-transform: none;margin: 0 12rpx;}
+.deletegoods_dialog .dialog_btn .dialog_btn_item.active {background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);color: #FFFFFF;}
+ 
+
+

+ 79 - 0
sources/client/smart-cooker/pages/orderpay/index.js

@@ -0,0 +1,79 @@
+Page({
+  data: {
+    imgUrl: '/assets/images/xian/moremenu_img1.jpg',
+    showDeleteGoodsDialog: true,
+    menuList: [
+      {
+        name: '香滑皮蛋瘦肉粥十五分钟快...',
+        imgUrl: '/assets/images/xian/moremenu_img1.jpg',
+        text: '十五分钟快手之香滑皮蛋瘦肉粥,香滑皮蛋瘦肉粥十五分钟快手之香滑皮蛋',
+        time: '20',
+        level: '中等',
+        num: '202',
+        collect: '100',
+      },
+      {
+        name: '网红芝士烤牛奶',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '网红芝士烤牛奶/哄娃神器系列',
+        time: '40',
+        level: '中等',
+        num: '1.2w',
+        collect: '234',
+      }, 
+      {
+        name: '奶香豆沙',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '奶香豆沙小馒头,仅需一次松弛',
+        time: '20',
+        level: '中等',
+        num: '1246',
+        collect: '574',
+      },
+      {
+        name: '爆好吃的卤鸡腿!卤蛋(电饭煲)',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '晚上做好,剩下的汤汁不要倒掉',
+        time: '40',
+        level: '中等',
+        num: '1.4w',
+        collect: '2526',
+      },
+      {
+        name: '糖醋鸡胸肉',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '酸酸甜甜的糖醋鸡胸肉,小朋友的最爱!',
+        time: '20',
+        level: '中等',
+        num: '1.4w',
+        collect: '2526',
+      },
+      {
+        name: '家庭版油焖大虾',
+        imgUrl: '/assets/images/xian/home_device1.png',
+        text: '虾含蛋白质含钙量高,外酥里嫩。关键做法…',
+        time: '40',
+        level: '中等',
+        num: '2.4w',
+        collect: '1.2w',
+      },
+    ], 
+  },
+
+  onShow() {
+    this.setData({
+      // hasHiddenTabBar: true,
+      message_list: []
+    })
+    ty.hideMenuButton()             
+  },
+  goMenuSearch() {
+    ty.navigateTo({
+      url: '/pages/menusearch/index',
+    })
+  },
+
+  checkboxChange(ev) {
+    console.log(ev.detail.value);
+  },
+})

+ 9 - 0
sources/client/smart-cooker/pages/orderpay/index.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarBackgroundColor": "#FFFFFF",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "订单支付",
+  "backgroundColor": "#FFFFFF",
+  "backgroundTextStyle": "dark",
+  "enablePullDownRefresh": true,
+  "usingComponents": {}
+}

+ 82 - 0
sources/client/smart-cooker/pages/orderpay/index.tyml

@@ -0,0 +1,82 @@
+<view class="orderpay">
+    <view class ="orderpay_content">
+        <view class="orderpay_address card">
+            <!-- <view class="orderpay_address_title">选择地址</view> -->
+            <view class="orderpay_address_title wrap">嘟嘟 159****9420</view>
+            <!-- <view class="orderpay_address_tip wrap">(由于您选择的地址可能造成商品价格,库存的编号,请自行确认)</view> -->
+            <view class="orderpay_address_info">广州市 海珠区 xxxxxx</view>
+            <view class="orderpay_address_icon"></view>
+            <view class="orderpay_address_rarrow"></view>
+        </view>
+        <view class="orderpay_cart card">
+            <view class="orderpay_cart_name">Xxxx官方旗舰店</view>
+            <view class="orderpay_cart_list">
+                <view class="orderpay_cart_box">
+                    <view class="orderpay_cart_img img_box">
+                        <image class="image" src="{{imgUrl}}" mode="widthFix"></image>
+                    </view>
+                    <view class="orderpay_cart_content">
+                        <view class="orderpay_cart_title nowrap">摩飞电器电压力锅 电高压锅电饭锅… </view>
+                        <view class="orderpay_cart_detail nowrap">极地白/4L</view>
+                        <view class="orderpay_cart_price nowrap">¥358.00</view>
+                        <view class="computer">
+                            <view class="computer_btn minus"></view> 
+                            <view class="computer_num">x1</view>  
+                            <view class="computer_btn add"></view> 
+                        </view> 
+                    </view>
+                </view>
+                <view class="orderpay_cart_box">
+                    <view class="orderpay_cart_img img_box">
+                        <image class="image" src="{{imgUrl}}" mode="widthFix"></image>
+                    </view>
+                    <view class="orderpay_cart_content">
+                        <view class="orderpay_cart_title nowrap">苏泊尔(SUPOR)小型电饭煲电饭…</view>
+                        <view class="orderpay_cart_detail nowrap">黑曜/4L</view>
+                        <view class="orderpay_cart_price nowrap">¥358.00</view>
+                        <view class="computer">
+                            <view class="computer_btn minus"></view> 
+                            <view class="computer_num">x1</view>  
+                            <view class="computer_btn add"></view> 
+                        </view> 
+                    </view>
+                </view>
+            </view>
+        </view>
+        <view class="orderpay_amount card">
+            <view class="orderpay_amount_list">
+                <view class="orderpay_amount_box">
+                    <view class="orderpay_amount_text">商品金额</view>
+                    <view class="orderpay_amount_text">¥716.00</view>
+                </view>
+                <view class="orderpay_amount_box">
+                    <view class="orderpay_amount_text">运费</view>
+                    <view class="orderpay_amount_text">¥0.00</view>
+                </view>
+                <view class="orderpay_amount_box">
+                    <view class="orderpay_amount_text">折扣</view>
+                    <view class="orderpay_amount_text">¥0.00</view>
+                </view>
+            </view>
+            <view class="orderpay_amount_sum">总计:¥716.00</view>
+        </view>
+        <view class="orderpay_type card">
+            <view class="orderpay_type_list">
+                <view class="orderpay_type_box">
+                    <view class="orderpay_type_name">支付方式</view>
+                    <view class="orderpay_type_method">微信</view>
+                </view>
+               <view class="orderpay_type_box">
+                    <view class="orderpay_type_name">订单备注</view>
+                    <view class="orderpay_type_input">
+                        <input class="row_input" name="readme" placeholder="请输入备注信息" />
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+    <view class="orderpay_footer">
+        <view class="orderpay_footer_sum">合计:<view class="orderpay_footer_price">¥716.00</view></view>
+        <view class="orderpay_footer_btn">支付</view>
+    </view>
+</view>

+ 46 - 0
sources/client/smart-cooker/pages/orderpay/index.tyss

@@ -0,0 +1,46 @@
+page {background-color: #F6F7F8;}
+.orderpay {position: relative;}
+.orderpay .orderpay_content {padding: 0rpx 24rpx;box-sizing: border-box;overflow: hidden;margin-top: 24rpx;margin-bottom: 127rpx;margin-bottom: 100rpx;}
+.orderpay .orderpay_content .card {background: #FFFFFF;border-radius: 16rpx;box-shadow: 0rpx 4rpx 16rpx 1rpx rgba(0,0,0,0.06);margin-bottom: 24rpx;padding: 24rpx;box-sizing: border-box;}
+
+.orderpay .orderpay_content .orderpay_address {padding-left: 77rpx;padding-right: 106rpx;position: relative;}
+.orderpay .orderpay_content .orderpay_address .orderpay_address_icon {position: absolute;width: 29rpx;height: 36rpx;background: url(/assets/images/xian/icon_address.png) no-repeat center;background-size: contain;left: 24rpx;top: 24rpx;}
+.orderpay .orderpay_content .orderpay_address .orderpay_address_rarrow {position: absolute;width: 32rpx;height: 32rpx;background: url(/assets/images/xian/icon_rarrow.png) no-repeat center;background-size: contain;right: 24rpx;top: 49rpx;}
+.orderpay .orderpay_content .orderpay_address .orderpay_address_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
+.orderpay .orderpay_content .orderpay_address .orderpay_address_tip {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
+.orderpay .orderpay_content .orderpay_address .orderpay_address_info {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
+
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_name {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;padding-left: 48rpx;box-sizing: border-box;position: relative;margin-bottom: 24rpx;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_name::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0rpx;width: 32rpx;height: 32rpx;background: url(/assets/images/xian/icon_shop.png) no-repeat center;background-size: contain;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list {border-top: 1px solid #DDDDDD;padding-top: 24rpx;box-sizing: border-box;} 
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box {display: flex;margin-bottom: 40rpx;} 
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box:last-child {margin-bottom: 0rpx;} 
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_img {width: 180rpx;padding-top: 134rpx;border-radius: 16rpx;overflow: hidden;} 
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content {width: calc(100% - 180rpx);padding-left: 24rpx;box-sizing: border-box;position: relative;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 24rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;margin-top: 1rpx}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_detail {width: 176rpx;/*height: 46rpx;line-height: 46rpx;*/background: #F6F7F8;border-radius: 38rpx;border: 1rpx solid #DDDDDD;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;position: relative;padding: 8rpx 16rpx;padding-right: 36rpx;;box-sizing: border-box;}
+/* .orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_detail::after {content: '';position: absolute;width: 20rpx;height: 12rpx;background: url(/assets/images/xian/icon_barrow.png) no-repeat center;background-size: contain;top: 50%;transform: translateY(-50%);right: 16rpx;} */
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_price {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 22rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;margin-top: 6rpx;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer {position: absolute;bottom: 0;right: 0;display: flex;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_btn {width: 46rpx;height: 46rpx;background: url(/assets/images/xian/icon_btnminus.png) no-repeat center;background-size: contain;display: none;}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_btn.add {background-image: url(/assets/images/xian/icon_btnadd.png);}
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_num {width: 88rpx;height: 46rpx;line-height: 46rpx;background: #F6F7F8;border-radius: 38rpx;border: 1rpx solid #DDDDDD;font-family: PingFangSC-Regular, PingFangSC-Regular;font-weight: normal;font-size: 28rpx;color: #666666;text-align: center;font-style: normal;text-transform: none;margin: 0 8rpx;margin: 0;}
+
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40rpx;}
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box:last-child {margin-bottom: 24rpx;}
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box .orderpay_amount_text {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;font-style: normal;text-transform: none;}
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_sum {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: right;font-style: normal;text-transform: none;border-top: 1rpx solid #DDDDDD;padding: 24rpx 0 16rpx;box-sizing: border-box;}
+
+.orderpay .orderpay_content .orderpay_type {padding: 0 24rpx;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box {padding: 24rpx 0rpx;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;border-bottom: 1rpx solid #DDDDDD;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box:last-child {border-bottom: none;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_name {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: right;font-style: normal;text-transform: none;position: relative;padding-left: 52rpx;padding-right: 40rpx;box-sizing: border-box;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 36rpx;height: 36rpx;background: url(/assets/images/xian/icon_wechat.png) no-repeat center;background-size: contain;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 24rpx;height: 24rpx;background: url(/assets/images/xian/icon_rarrow.png) no-repeat center;background-size: contain;}
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_input input {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #999999;text-align: right;font-style: normal;text-transform: none;}
+
+.orderpay .orderpay_footer {position: fixed;z-index: 99;bottom: 0;width: 100%;height: 100rpx;padding: 12rpx 24rpx;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;background: #FFFFFF;}
+.orderpay .orderpay_footer .orderpay_footer_sum {display: flex;align-items: center;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
+.orderpay .orderpay_footer .orderpay_footer_sum .orderpay_footer_price {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 28rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;}
+.orderpay .orderpay_footer .orderpay_footer_btn {width: 240rpx;height: 76rpx;line-height: 76rpx;background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);border-radius: 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}

+ 5 - 1
sources/client/smart-cooker/xian.less

@@ -12,4 +12,8 @@ page {margin:0; padding:0;width: 100%;height: 100%;}
 .img_box image {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 100%;height: 100%;object-fit: cover;}
 .img_box image {transition: all 0.5s ease;}
 .img_box image:hover {transform: scale(1.05);}
-.img_box image:hover {transform: scale(1);}
+.img_box image:hover {transform: scale(1);}
+
+
+.nowrap {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
+.wrap {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}