去除确认订单页线上购买 review by 杨延青

 {
   "component": true,
   "usingComponents": {
-    "dialog": "../../components/dialog/dialog"
+    "dialog": "../../components/tip-dialog/index"
   }
 }

+// src/components/dialog/dialog.js
+Component({
+  options: {
+    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+  },
+  /**
+   * 组件的属性列表
+   * 用于组件自定义设置
+   */
+  properties: {
+    // 弹窗标题
+    title: {            // 属性名
+      type: String,     // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）
+      value: '标题'     // 属性初始值（可选），如果未指定则会根据类型选择一个
+    },
+    // 弹窗内容
+    content: {
+      type: String,
+      value: '弹窗内容'
+    },
+    // 弹窗取消按钮文字
+    cancelText: {
+      type: String,
+      value: '取消'
+    },
+    // 弹窗确认按钮文字
+    confirmText: {
+      type: String,
+      value: '确定'
+    }
+  },
+
+  /**
+   * 私有数据,组件的初始数据
+   * 可用于模版渲染
+   */
+  data: {
+    // 弹窗显示控制
+    isShow: false
+  },
+
+  /**
+   * 组件的方法列表
+   * 更新属性和数据的方法与更新页面数据的方法类似
+   */
+  methods: {
+    /*
+     * 公有方法
+     */
+
+    _showChange(isShow) {
+      console.log("===isShow==" + isShow)
+      this.setData({ isShowLeft: isShow })
+
+    },
+
+    //隐藏弹框
+    hideDialog() {
+      this.setData({
+        isShow: !this.data.isShow
+      })
+    },
+    //展示弹框
+    showDialog() {
+      this.setData({
+        isShow: !this.data.isShow
+      })
+    },
+    /*
+    * 内部私有方法建议以下划线开头
+    * triggerEvent 用于触发事件
+    */
+    _cancelEvent() {
+      this.triggerEvent("cancelEvent")
+    },
+    _confirmEvent() {
+      this.triggerEvent("confirmEvent");
+    }
+  }
+})

+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file

+<!--src/components/tip-dialog/index.wxml-->
+<!--src/components/dialog/dialog.wxml-->
+<view class='wx_dialog_container' hidden="{{!isShow}}">
+  <view class='wx-mask'></view>
+  <view class='wx-dialog'>
+    <view class='wx-dialog-content'>{{ content }}</view>
+    <view class='wx-dialog-footer'>
+      <view class='wx-dialog-btn' bindtap="_confirmEvent">{{ confirmText }}</view>
+    </view>
+  </view>
+</view>
+

+/* src/components/tip-dialog/index.wxss */
+/* src/components/dialog/dialog.wxss */
+.wx-mask{
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+}
+.wx-dialog{
+  position: fixed;
+  z-index: 5000;
+  width: 560rpx;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  background-color: #FFFFFF;
+  text-align: center;
+  border-radius: 3rpx;
+  overflow: hidden;
+}
+.wx-dialog-title{
+  font-size: 30rpx;
+  padding: 15rpx 15rpx 5rpx;
+}
+.wx-dialog-content{
+  height: 240rpx;
+  font-size: 30rpx;
+  display:flex;
+  align-items:center;/*垂直居中*/
+  justify-content: center;/*水平居中*/
+  margin: 0 50rpx;
+}
+.wx-dialog-footer{
+  display: flex;
+  align-items: center;
+  position: relative;
+  height: 100rpx;
+  font-size: 30rpx;
+}
+.wx-dialog-footer::before{
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  height: 1px;
+  border-top: 1rpx solid #D5D5D6;
+  color: #D5D5D6;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.wx-dialog-btn{
+  display: block;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  position: relative;
+  height:100%;
+  line-height:100rpx;
+}
+.wx-dialog-footer .wx-dialog-btn:nth-of-type(1){
+  color: #000;
+}
+.wx-dialog-footer .wx-dialog-btn:nth-of-type(2){
+  color: #000;
+}
+.wx-dialog-footer .wx-dialog-btn:nth-of-type(2):after{
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1rpx;
+  bottom: 0;
+  border-left: 2rpx solid #D5D5D6;
+  color: #D5D5D6;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}