diff --git a/image/apply/down.png b/image/apply/down.png new file mode 100644 index 0000000..02f42c5 Binary files /dev/null and b/image/apply/down.png differ diff --git a/image/apply/icon_add.png b/image/apply/icon_add.png new file mode 100644 index 0000000..cb627e2 Binary files /dev/null and b/image/apply/icon_add.png differ diff --git a/image/apply/icon_fu.png b/image/apply/icon_fu.png new file mode 100644 index 0000000..51189fe Binary files /dev/null and b/image/apply/icon_fu.png differ diff --git a/image/apply/icon_pres.png b/image/apply/icon_pres.png new file mode 100644 index 0000000..be3ea17 Binary files /dev/null and b/image/apply/icon_pres.png differ diff --git a/image/apply/icon_shou.png b/image/apply/icon_shou.png new file mode 100644 index 0000000..bfd8bf6 Binary files /dev/null and b/image/apply/icon_shou.png differ diff --git a/image/apply/icon_update.png b/image/apply/icon_update.png new file mode 100644 index 0000000..87199f9 Binary files /dev/null and b/image/apply/icon_update.png differ diff --git a/pages/apply/paymentTemplate/paymentTemplate.js b/pages/apply/paymentTemplate/paymentTemplate.js index a69de0c..cf3bb86 100644 --- a/pages/apply/paymentTemplate/paymentTemplate.js +++ b/pages/apply/paymentTemplate/paymentTemplate.js @@ -7,8 +7,15 @@ Page({ */ data: { isIPX: app.globalData.isIPX, + show: false + }, + showPopup() { + this.setData({ show: true }); }, + onClose() { + this.setData({ show: false }); + }, /** * 生命周期函数--监听页面加载 */ diff --git a/pages/apply/paymentTemplate/paymentTemplate.json b/pages/apply/paymentTemplate/paymentTemplate.json index 26f00aa..f7f42cc 100644 --- a/pages/apply/paymentTemplate/paymentTemplate.json +++ b/pages/apply/paymentTemplate/paymentTemplate.json @@ -1,6 +1,8 @@ { "usingComponents": { "van-cell": "@vant/weapp/cell/index", - "van-cell-group": "@vant/weapp/cell-group/index" + "van-cell-group": "@vant/weapp/cell-group/index", + "van-icon": "@vant/weapp/icon/index", + "van-popup": "@vant/weapp/popup/index" } } \ No newline at end of file diff --git a/pages/apply/paymentTemplate/paymentTemplate.wxml b/pages/apply/paymentTemplate/paymentTemplate.wxml index 58eea45..bb9eec7 100644 --- a/pages/apply/paymentTemplate/paymentTemplate.wxml +++ b/pages/apply/paymentTemplate/paymentTemplate.wxml @@ -20,15 +20,43 @@ 支出金额 - + - 事由 + 事由: - - + + - - + + + + + + + + - \ No newline at end of file + + + + + + 保存模板 + + + + 新增事项 + + + + + 提交复核 + 下一步 + + + + + + + \ No newline at end of file diff --git a/pages/apply/paymentTemplate/paymentTemplate.wxss b/pages/apply/paymentTemplate/paymentTemplate.wxss index d7fdf07..5d0d8fb 100644 --- a/pages/apply/paymentTemplate/paymentTemplate.wxss +++ b/pages/apply/paymentTemplate/paymentTemplate.wxss @@ -1,5 +1,26 @@ /* pages/apply/paymentTemplate/paymentTemplate.wxss */ text{display: block;} + +.pure_top { + width: 100%; + height: 100px; + position: relative; + z-index: -1; + overflow: hidden +} + +.pure_top::after { + content: ''; + width: 140%; + height: 100px; + position: absolute; + left: -20%; + top: 0; + z-index: -1; + border-radius: 0 0 50% 50%; + background: #1496f1 +} + .top{ height: 64px; width: 100%; @@ -83,4 +104,91 @@ text{display: block;} padding: 10px calc(3% + 20px); color: #2C8E68; font-size: 16px; +} + +.van-cell { + padding-left: 0!important; + padding-right: 0!important; +} + +.down{ + width: 15px; + height: 8px; + margin: 0 auto; + margin-top: 18px; +} + +.update{ + width: 26px; + height: 26px; + position: absolute; + right: 41px; +} +.delete{ + width: 26px; + height: 26px; + position: absolute; + right: 0; +} + +.btnBox{ + text-align: center; + position: relative; + height: 26px; +} +.bottomBtn{ + display: flex; + width: 94%; + margin: 0 auto; + margin-top: 25px; + justify-content:space-between; +} +.bottomBtn view{ + display: flex; + width: 48%; + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0px 5px 9px #DCDCDC; + padding: 10px 0px; + text-align: center; + align-items:center; + justify-content:center; + font-size: 14px; + color: #2C8E68; +} +.bottomBtn view image{ + width: 18px; + height: 18px; + margin-right: 5px; +} + + +.bottom{ + width: 84%; + margin: 0 auto; + text-align: center; + margin-top: 50px; + margin-bottom: 50px; + display: flex; +} + +.bottom view { + width: 47%; + margin: 0 auto; + border-radius: 30px; + display: inline-block; +} + +.bottom .btn1{ + border: 1px solid #2C8E68; + padding: 8px 0px; + color: #2C8E68; +} + +.bottom .btn2{ + border: 1px solid transparent; + padding: 8px 0px; + background-image: linear-gradient(to right, #2C8E68, #5CAE77); + margin-left: 6%; + color: #fff; } \ No newline at end of file