0000

pages/duiquan/duiquan.js

@@ -0,0 +1,66 @@
+// pages/duiquan/duiquan.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    pic:"https://jm-static.v0750.com/image/dui.jpg"
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/duiquan/duiquan.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/duiquan/duiquan.wxml

@@ -0,0 +1,24 @@
+<view class="contain">
+  <image src="{{pic}}" mode="widthFix" class="pic"></image>
+  <view class="content">
+    <view class="title">请输入券码</view>
+    <form bind:submitToGroup="onSubmitToGroup">
+        <input class="input" auto-focus placeholder="支持抖音/美团/聚美券码"/>
+        <button class="button" form-type="submit" type="primary">立即兑换</button>
+    </form>
+
+    <text class="tips">
+    温馨提示：
+    1、卡券一经兑换，不作退换；
+    2、请在有效期内、在对应网点使用；
+    3、请按网点内安全指引操作洗车机；
+    4、洗车场地湿滑，请小心滑倒；
+    5、不要在洗车场内奔跑、玩耍；
+    6、禁止攀爬；
+    7、照看好老人、小孩；
+    8、喷枪水压极大，禁止使用喷枪对着人体喷水；
+    9、驶出洗车场时注意四周行人及车辆；
+    10、请保管好您的财物，请勿离开洗车区域.
+    </text>
+  </view>
+</view>

pages/duiquan/duiquan.wxss

@@ -0,0 +1,34 @@
+.contain {
+  box-sizing: border-box;
+  min-height: 100vh;
+  background-color: #fafafa;
+}
+.pic {
+  width: 100%;
+}
+
+.content {
+  padding: 60rpx 40rpx;
+}
+
+.title {
+  font-size: 36rpx;
+  line-height: 1;
+  font-weight: 700;
+  color: #0056A3;
+}
+
+.input {
+  margin: 30rpx 0;
+  padding: 22rpx;
+  border-radius: 10rpx;
+  background-color: #fff;
+  border: 2rpx solid #eee;
+  box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, 0.1);
+}
+
+.tips {
+  color: #999;
+  line-height: 2;
+  font-size: 28rpx;
+}