Merge pull request #7 from TencentCloudBase/master

新增页面
TencentCloudBase · Feb 20, 2020 · 55094ed · 55094ed
2 parents 81c57cc + b23cc98
commit 55094ed
Show file tree

Hide file tree

Showing 11 changed files with 400 additions and 6 deletions.
diff --git a/miniprogram/pages/commodityaddshop/commodityaddshop.js b/miniprogram/pages/commodityaddshop/commodityaddshop.js
@@ -0,0 +1,66 @@
+// miniprogram/pages/commodityaddshop/commodityaddshop.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
diff --git a/miniprogram/pages/commodityaddshop/commodityaddshop.json b/miniprogram/pages/commodityaddshop/commodityaddshop.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "商家信息登记"
+}
diff --git a/miniprogram/pages/commodityaddshop/commodityaddshop.wxml b/miniprogram/pages/commodityaddshop/commodityaddshop.wxml
@@ -0,0 +1,60 @@
+<view class="top-bg">
+  <image style="width:100%;" mode="widthFix" src="cloud://cloud-tcb.636c-cloud-tcb-1301077292/images/bg-header.gif" />
+  <view class="tipText">商家信息登记</view>
+</view>
+<!-- 表单提交 -->
+
+<view class="from">
+  <view class="title">
+    商店名称
+  </view>
+  <input placeholder="请输入商店名称"> </input>
+  <view></view>
+</view>
+<view class="from">
+  <view class="title">
+    商店类型
+  </view>
+  <input></input>
+  <view class="action iconfont icon-right"></view>
+
+</view>
+<view class="from">
+  <view class="title">
+    负责人姓名
+  </view>
+  <input placeholder="请输入商店负责人姓名"></input>
+  <view></view>
+</view>
+<view class="from">
+  <view class="title">
+    负责人电话
+  </view>
+  <input type="mnuber" maxlength="11" placeholder="请输入商店负责人电话"></input>
+  <view></view>
+</view>
+<view class="from">
+  <view class="title">
+    商店地址
+  </view>
+  <input placeholder="请输入商店地址"></input>
+  <view></view>
+</view>
+<view class="from">
+  <view class="title">
+    营业时间
+  </view>
+  <input placeholder="请输入营业时间"></input>
+  <view></view>
+</view>
+<view class="from">
+  <view class="title">
+    服务小区
+  </view>
+  <input placeholder="请选择服务小区"></input>
+  <view></view>
+</view>
+
+<view class="btn-back">
+  提交
+</view>
diff --git a/miniprogram/pages/commodityaddshop/commodityaddshop.wxss b/miniprogram/pages/commodityaddshop/commodityaddshop.wxss
@@ -0,0 +1,66 @@
+.top-bg {
+  /* height: 400rpx; */
+  width: 100%;
+}
+
+.tipText {
+  font-size: 70rpx;
+  color: #fff;
+  position: absolute;
+  left: 50rpx;
+  top: 130rpx;
+}
+
+.margin-sm {
+  margin: 20rpx;
+}
+
+.fr {
+  float: right;
+}
+
+.kb {
+  width: 100%;
+  height: 200rpx;
+}
+
+.btn-back {
+  color: #fff;
+  border: 0rpx;
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  text-decoration: none;
+  overflow: visible;
+  margin-left: initial;
+  transform: translate(0rpx, 0rpx);
+  margin-right: initial;
+  background-image: linear-gradient(270deg, #118ee9 0%, #4990e2 100%);
+  min-height: 100rpx;
+  position: fixed;
+  bottom: 0rpx;
+  left: 0rpx;
+}
+
+.btn-back ::after {
+  display: none;
+}
+
+.from {
+  background: #fff;
+  padding: 1rpx 30rpx;
+  display: flex;
+  align-items: center;
+  min-height: 80rpx;
+  justify-content: space-between;
+}
+
+.from .title {
+  font-weight: bold;
+  font-size: 28rpx;
+  color: #000;
+  line-height: 80rpx;
+}
diff --git a/miniprogram/pages/commoditybookinglist/commoditybookinglist.js b/miniprogram/pages/commoditybookinglist/commoditybookinglist.js
@@ -0,0 +1,66 @@
+// miniprogram/pages/commoditybookinglist/commoditybookinglist.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
diff --git a/miniprogram/pages/commoditybookinglist/commoditybookinglist.json b/miniprogram/pages/commoditybookinglist/commoditybookinglist.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": ""
+}
diff --git a/miniprogram/pages/commoditybookinglist/commoditybookinglist.wxml b/miniprogram/pages/commoditybookinglist/commoditybookinglist.wxml
@@ -0,0 +1,39 @@
+<view class="container">
+  <!-- 焦点图 -->
+  <view class="banner">
+    <view>
+      <image class="avatar" src="https://wx.qlogo.cn/mmopen/vi_32/ajNVdqHZLLAFZw5gAn8pnNwl14H13flYzdkmFLHnmajmUK3nh9uyeKnp0AkMqKVQp363STIY6dyf90gElYiar2g/132"></image>
+      <view class="info">
+        <text>瞬旺超市</text>
+      </view>
+    </view>
+  </view>
+  <view class="mainbody">
+    <text class="infomation">采购信息</text>
+    <view class="list-box">
+      <view>
+      <view class="title">莲花小区</view>  
+      <view class="content">清扬洗发水一瓶</view>
+      <view class="order-number">订单号：12034121210000</view>
+      </view>
+      <view class="action-btn">接单</view>
+    </view> <view class="list-box">
+      <view>
+      <view class="title">莲花小区</view>  
+      <view class="content">清扬洗发水一瓶</view>
+      <view class="order-number">订单号：12034121210000</view>
+      </view>
+      <view class="action-btn">接单</view>
+    </view> <view class="list-box">
+      <view>
+      <view class="title">莲花小区</view>  
+      <view class="content">清扬洗发水一瓶</view>
+      <view class="order-number">订单号：12034121210000</view>
+      </view>
+      <view class="action-btn">接单</view>
+    </view>
+    <view class="infomation">
+      <view><text>使用规则</text></view>
+    </view>
+  </view>
+</view>
diff --git a/miniprogram/pages/commoditybookinglist/commoditybookinglist.wxss b/miniprogram/pages/commoditybookinglist/commoditybookinglist.wxss
@@ -0,0 +1,80 @@
+page, .container {
+  background: #fff;
+}
+
+/* banner */
+
+.banner {
+  width: 100%;
+  height: 250rpx;
+  background: #4a90e2;
+  position: relative;
+  box-sizing: border-box;
+  padding: 20rpx 0;
+  margin-bottom: 20rpx;
+}
+
+.banner>view {
+  margin: 20rpx auto 0;
+  width: 90%;
+  overflow: hidden;
+  display: flex;
+}
+
+.banner>view>.avatar {
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 10rpx;
+}
+
+.banner>view>.info {
+  margin-left: 20rpx;
+  width: 500rpx;
+  color: white;
+}
+
+/* banner end */
+
+/* mainbody */
+
+.mainbody {
+  width: 90%;
+  margin: 0 auto;
+}
+
+/* mainbody end */
+
+/* 说明部分 */
+
+.infomation {
+  color: #4a90e2;
+}
+
+/* 说明部分结束 */
+
+.list-box {
+  display: flex;
+  position: relative;
+  height: 150rpx;
+  margin-top: 10rpx;
+  padding: 10rpx;
+  border-radius: 10rpx;
+  background-color: #f1f8ff;
+}
+.order-number{
+
+  color: #999999;
+  font-size: 0.8rem;
+
+}
+.action-btn {
+  width: 100rpx;
+  height: 50rpx;
+  margin-left: auto;
+  margin-top:50rpx;
+  margin-right: 20rpx; 
+  background: linear-gradient(#00c8fe 0, #4facfe 100%);
+  border-radius: 10rpx;
+  text-align: center;
+  color: white;
+}