20211217 修改项目目的

app.json

@@ -1,15 +1,23 @@
 {
   "pages":[
     "pages/index/index",
+    "pages/add/index",
     "pages/login/index"
   ],
   "tabBar": {
     "list": [{
       "pagePath": "pages/index/index",
-      "text": "菜单",
+      "text": "首页",
       "iconPath": "./assets/tabber/menu.png",
       "selectedIconPath": "./assets/tabber/menu_copy.png"
-    },{
+    },
+    {
+     "pagePath": "pages/add/index",
+     "text":"新增填报",
+     "iconPath": "./assets/tabber/add.png",
+     "selectedIconPath": "./assets/tabber/add_copy.png"
+    },
+    {
       "pagePath": "pages/login/index",
       "text":"我的",
       "iconPath": "./assets/tabber/my.png",

pages/add/index.js

@@ -0,0 +1,38 @@
+const app = getApp();
+Page({
+  data: {
+    CustomBar: app.globalData.CustomBar,
+    value: [
+      { name: "vmodel", require, value: '', msg: "成型不能为空" },
+    ]
+  },
+  // 提交
+  submitFunc () {
+    const query = wx.createSelectorQuery();
+    query.select('.form').boundingClientRect();
+    query.exec(res => {
+      console.log(res)
+    })
+  },
+  onLoad: function (options) {
+
+  },
+  onReady: function () {
+
+  },
+  onShow: function () {
+
+  },
+  onHide: function () {
+
+  },
+  onUnload: function () {
+
+  },
+  onPullDownRefresh: function () {
+
+  },
+  onReachBottom: function () {
+
+  },
+})

pages/add/index.json

@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "van-goods-action-icon": "@vant/weapp/goods-action-icon/index",
+    "van-goods-action": "@vant/weapp/goods-action/index",
+  "van-goods-action-button": "@vant/weapp/goods-action-button/index"
+  }
+}

pages/add/index.wxml

@@ -0,0 +1,53 @@
+<cu-custom bgColor="bg-gradual-blue">
+  <view slot="content">新增填报</view>
+</cu-custom>
+<view class="section">
+  <form class="form">
+    <view class="cu-bar bg-white solid-bottom">
+      <view class="action">
+        <text class="cuIcon-title text-orange "></text>
+        <view>
+          <view class="text-xl text-black"><text>车辆和贷款信息</text> <text class="text-red">（必填）</text></view>
+          <view class="text-sm">机动车及与车辆相关的物理附属设备、服务、水费等 </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="cu-form-group">
+      <view class="title">车型</view>
+      <input name="car" placeholder="请输入车型"></input>
+    </view>
+
+    <view class="cu-bar bg-white solid-bottom">
+      <view class="action">
+        <text class="cuIcon-title text-orange "></text>
+        <view>
+          <view class="text-xl text-black"><text>申请人基本信息</text> <text class="text-red">（必填）</text></view>
+        </view>
+      </view>
+    </view>
+
+    <view class="cu-bar bg-white solid-bottom">
+      <view class="action">
+        <text class="cuIcon-title text-orange "></text>
+        <view>
+          <view class="text-xl text-black"><text>紧急联系人信息</text> <text class="text-red">（必填）</text></view>
+        </view>
+      </view>
+    </view>
+
+    <view class="cu-bar bg-white solid-bottom">
+      <view class="action">
+        <text class="cuIcon-title text-orange "></text>
+        <view>
+          <view class="text-xl text-black"><text>共同借款人信息</text> <text class="text-red">（必填）</text></view>
+        </view>
+      </view>
+    </view>
+  </form>
+</view>
+<!-- 功能栏 -->
+<van-goods-action>
+  <van-goods-action-button type="warning" bind:click="saveFunc" text="保存" />
+  <van-goods-action-button bind:click="submitFunc" text="提交" />
+</van-goods-action>

pages/add/index.wxss

@@ -0,0 +1,8 @@
+/* 开发者 */
+.header{
+  display: flex;
+  align-items: center;
+  line-height: 60rpx;
+  font-size: 32rpx;
+  background-color: #fff;
+}

pages/index/index.js

@@ -1,9 +1,28 @@
+const app = getApp();
 Page({
   data: {
+    CustomBar: app.globalData.CustomBar,
+    // 通知栏
+    tips: [
+      { key: 1, value: "一二三111122221112211222111222111122221112211222111222" },
+      { key: 2, value: "四五六" },
+      { key: 3, value: "七八九" }
+    ],
+    // 商品
     value: [
-      { name: "新增填报单" }
+      { img: "https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg", title: "钢铁之翼", detail: "Only the guilty need fear me." },
+      { img: "https://yz.lol.qq.com/v1/assets/videos/aatrox-splashvideo.webm", title: "暗裔剑魔", detail: "我必须连同希望一起毁坏……" },
+      { img: "https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg", title: "钢铁之翼", detail: " Only the guilty need fear me." },
+      { img: "https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg", title: "钢铁之翼", detail: " Only the guilty need fear me." },
+      { img: "https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg", title: "钢铁之翼", detail: " Only the guilty need fear me." },
+      { img: "https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg", title: "钢铁之翼", detail: " Only the guilty need fear me." },
     ]
   },
+  // 通知栏
+  tipsFunc (e) {
+    let { index } = e.currentTarget.dataset, { tips } = this.data;
+    console.log(tips[index])
+  },
   onLoad: function (options) {
 
   },

pages/index/index.json

@@ -1,4 +1,5 @@
 {
   "usingComponents": {
+    "van-sticky": "@vant/weapp/sticky/index"
   }
 }

pages/index/index.wxml

@@ -1,9 +1,27 @@
 <cu-custom bgColor="bg-gradual-blue">
-  <view slot="content">菜单</view>
+  <view slot="content">首页</view>
 </cu-custom>
+<!-- 通知栏 -->
+<van-sticky offset-top="{{ CustomBar }}">
+  <view class="header bg-orange light">
+    <text class="cuIcon-notification block "></text>
+    <view class="body">
+      <swiper autoplay interval="5000" duration="500" vertical style="height: 100%;width: 100%;">
+        <swiper-item bindtap="tipsFunc" data-index="{{index}}" wx:for="{{tips}}" wx:key="index" class="text-cut">
+          {{item.value}}</swiper-item>
+      </swiper>
+    </view>
+  </view>
+</van-sticky>
+<!-- 清除吸顶带来的为浮动 不建议这么做-->
+<view style="height:90rpx"></view>
+<!-- 商品 -->
 <veiw class="section">
-  <view class="item">
-    <image class="image" src="" mode="aspectFit" />
-    <text class="block"></text>
+  <view wx:for="{{value}}" wx:key="index" class="bg-img bg-mask padding-tb-xl margin-bottom-xl"
+    style="background-image: url('{{item.img}}');height: 414rpx;">
+    <view class="padding-xl text-white">
+      <view class="padding-xs text-xl">{{item.title}}</view>
+      <view class="padding-xs">{{item.detail}}</view>
+    </view>
   </view>
 </veiw>

pages/index/index.wxss

@@ -0,0 +1,19 @@
+/* 开发者 */
+.header{
+  position: fixed;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  line-height: 90rpx;
+  font-size: 32rpx;
+}
+.header .block{
+  padding: 0rpx 15rpx;
+  flex: none;
+}
+.header .body{
+  flex: 1;
+  box-sizing: border-box;
+  height: 90rpx;
+  padding-right: 15rpx;
+}

pages/login/index.js

@@ -8,10 +8,8 @@ Page({
     },
     // 列表
     items: [
-      { imgurl: 'edit', title: "基本信息填报" },
-      { imgurl: 'pullup', title: "附件上传" },
-      { imgurl: 'text', title: "附件清单" },
-      { imgurl: 'message', title: "预审情况通报" }
+      { imgurl: 'punch', title: "草稿箱" },
+      { imgurl: 'form', title: "已填报" }
     ],
     update_lock: false,//更新资料按钮锁
     subscriber_lock: false,//订阅消息按钮锁

project.config.json

@@ -36,7 +36,7 @@
       "outputPath": ""
     },
     "enableEngineNative": false,
-    "useIsolateContext": true,
+    "useIsolateContext": false,
     "userConfirmedBundleSwitch": false,
     "packNpmManually": false,
     "packNpmRelationList": [],

project.private.config.json

@@ -1,4 +1,5 @@
 {
+  "setting": {},
   "condition": {
     "plugin": {
       "list": []
@@ -16,6 +17,12 @@
           "pathName": "pages/login/index",
           "query": "",
           "scene": null
+        },
+        {
+          "name": "新增填报",
+          "pathName": "pages/add/index",
+          "query": "",
+          "scene": null
         }
       ]
     }