From a7b72985ceacf493efbfa0611bf961a3777bbac9 Mon Sep 17 00:00:00 2001 From: pangdongxu <850374051@qq.com> Date: Wed, 30 Mar 2022 17:30:57 +0800 Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E5=87=BA=E7=94=B3=E8=AF=B7=E6=A8=A1?= =?UTF-8?q?=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- image/apply/down.png | Bin 0 -> 228 bytes image/apply/icon_add.png | Bin 0 -> 495 bytes image/apply/icon_fu.png | Bin 0 -> 431 bytes image/apply/icon_pres.png | Bin 0 -> 266 bytes image/apply/icon_shou.png | Bin 0 -> 562 bytes image/apply/icon_update.png | Bin 0 -> 645 bytes .../apply/paymentTemplate/paymentTemplate.js | 7 ++ .../paymentTemplate/paymentTemplate.json | 4 +- .../paymentTemplate/paymentTemplate.wxml | 42 +++++-- .../paymentTemplate/paymentTemplate.wxss | 108 ++++++++++++++++++ 10 files changed, 153 insertions(+), 8 deletions(-) create mode 100644 image/apply/down.png create mode 100644 image/apply/icon_add.png create mode 100644 image/apply/icon_fu.png create mode 100644 image/apply/icon_pres.png create mode 100644 image/apply/icon_shou.png create mode 100644 image/apply/icon_update.png diff --git a/image/apply/down.png b/image/apply/down.png new file mode 100644 index 0000000000000000000000000000000000000000..02f42c5df550cb1426865d9c8ba747e34f27265c GIT binary patch literal 228 zcmeAS@N?(olHy`uVBq!ia0vp^{6Ngf!3HGX_LqeNDVAa<&kznEsNqQI0P<&hx;Tbt z1h-CnDA=qZ(tMIFcA;>FdPXCsRb!d4`wNx}f+a$88Ki99Jp9@9r;+>Tq~naw@2r?I zi_vE5HSY6QUH>~AzAI7e+9u7V+#20`Cc*u@OFsAezpBT6EWA)4zh#a zDK^{_4jfrqp!-06NAuE#s|;UW_TFCcbaLI}+|4-Op!t azlwXEN#lB8-QWOpCWEJ|pUXO@geCwls9D_r literal 0 HcmV?d00001 diff --git a/image/apply/icon_add.png b/image/apply/icon_add.png new file mode 100644 index 0000000000000000000000000000000000000000..cb627e2320eccac8d8bfc795262fbf4b2802afe4 GIT binary patch literal 495 zcmV6vp2-m>6SBxPiD+AhDi6I00}2Tqxa1;R3oBin|gQ z;tAvi;t8w?7AKD#HK1(Q zusZ9EU&>*+Uj`AELBdub2b1BK@nk2=V*H2?&S!9`G*pP$H55o~hNK46Y~_(0qO3Bz zAg_eyHxWl#tHRI{I`~>m27$KzM)$^ zm%t7CAayf`yx&?goO8BRLIU~Vn1sF&6?yh>lNZ2Uq&f+Ze^h&fzw+$W&*)2_*@3zQ lIIb3h(3so-gs|5Q>OWXk%TN5>7+C-S002ovPDHLkV1lY{-39;v literal 0 HcmV?d00001 diff --git a/image/apply/icon_fu.png b/image/apply/icon_fu.png new file mode 100644 index 0000000000000000000000000000000000000000..51189fe43608b6036f27ef44d8d77e665346a490 GIT binary patch literal 431 zcmV;g0Z{&lP)GXq1TD3E3Z83xq6 zo)iOcsbykdaAbS|GL?bBo*D)MU3w7YLLiL^*xcP2_!cc*`|oQeF<{V|5|O1t5US6(qTkf8$05RtpOThVS3u27+9S>X-o8HhEL5-0ePCdC(Z3s{g(pjAKtvD%E*%yH-0{+i`_`h|1 zkG-tCh~5u|sqDc$4!-{%GPy{wY~;Ueu!-kTnnYOhmMUYR84?mA4pRRN4QzIV*(5Wb z$v$zMn*OY$ILxm^33_y!Ix8V z_~PaJD;#GW?6>df=+WazZ8mny`o2umz{r4e!fWjb`}BS6)fgCzJAq)TR}Dkv%F;et8?k`*;l`wFLVApW!17iZ4iMO}zpZ z(^b literal 0 HcmV?d00001 diff --git a/image/apply/icon_update.png b/image/apply/icon_update.png new file mode 100644 index 0000000000000000000000000000000000000000..87199f9fed163e414ca9a81a07547f06ef573d2f GIT binary patch literal 645 zcmV;00($+4P)5QeL!oglyqZV*Qbm>tduVxItK8AUkZ1eg;5C%~M5 z$X;ZLbAmWGFuPbp3P*4x8-(KNN>#^=dS34F*s~dFrn|oWtGXTtp6BuFeuZXqr~#S? zv;%;(|66ECfa3t5k0t!J`QhjNB2$?4^Rf4)9)ddK1$EzH3>ILZAiUT-`ZY*fp9-4v zsvZ7uk_Ql9L!>+9*4=6Rdjv$+m7Qs6<0h|)tb>TU?b*|NJiZ^>H4)IHTOA<6yCO;w z${1EY8Z{E2Roul9y5Jzy0P)ZTva&0NwdI>pB!SnUz86u#F*)X#e38A=-X6d4Qv??1 zx8;v_Ljx-6G9ns-qJ|i<#;4uAzN<{)B`!qC6FsBf%cvosKMHhHL(n0DS1ycIowKSl z*IrP<*Z9z_wh7@fFGwH|P+e5WEqy4x99S4?tT5yzakU9faT&L{5Nj*~lb|DV^@u)v zkRQlW*}r(;QB$aU+2a6;c^UWWBS z7$cVCx+a=p_MR(@=?MxAv)#D+=Ov=S6R*oZfY-4e|Q f$QRi64Uqo;$)!f+2kjLD00000NkvXXu0mjfHh?6V literal 0 HcmV?d00001 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