From 2b9306d4905c1fabaf490b14e9ed5a592d5f8c68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=88=98=E7=AB=8B=E6=A0=87?= <2658037827@qq.com> Date: Fri, 15 Sep 2023 18:02:18 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=94=BB=E5=83=8F=E5=8C=B9?= =?UTF-8?q?=E9=85=8D=E4=BA=BA=E5=91=98=E3=80=81=E4=B8=8D=E6=BB=A1=E6=84=8F?= =?UTF-8?q?=E4=BA=8B=E9=A1=B9=E8=AF=A6=E7=BB=86=20=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Head/index.js | 35 +++- components/Head/index.wxml | 17 +- components/Head/index.wxss | 15 ++ images/statistics/icon-back.png | Bin 0 -> 752 bytes pages/statistics/statistics.js | 2 +- subpages/statistics/images/down.png | Bin 0 -> 418 bytes subpages/statistics/images/down2.png | Bin 0 -> 447 bytes subpages/statistics/images/right.png | Bin 0 -> 622 bytes .../pages/crowdPortrait/crowdPortrait.json | 5 +- .../pages/crowdPortrait/crowdPortrait.wxml | 23 ++- .../pages/crowdPortrait/crowdPortrait.wxss | 51 ++++- .../pages/dissatisfied/detial/detail.js | 58 ------ .../pages/dissatisfied/detial/detail.json | 5 +- .../pages/dissatisfied/detial/detail.wxml | 59 +++++- .../pages/dissatisfied/detial/detail.wxss | 165 +++++++++++++++- .../pages/dissatisfied/list/list.js | 64 +------ .../pages/dissatisfied/list/list.json | 3 +- .../pages/dissatisfied/list/list.wxml | 124 +++++++++++- .../pages/dissatisfied/list/list.wxss | 177 +++++++++++++++++- 19 files changed, 672 insertions(+), 131 deletions(-) create mode 100644 images/statistics/icon-back.png create mode 100644 subpages/statistics/images/down.png create mode 100644 subpages/statistics/images/down2.png create mode 100644 subpages/statistics/images/right.png diff --git a/components/Head/index.js b/components/Head/index.js index 90d9c00..097343d 100644 --- a/components/Head/index.js +++ b/components/Head/index.js @@ -1,11 +1,22 @@ const App = getApp(); Component({ - properties: {}, + properties: { + isBack: { + type: Boolean, + default: false + }, + text: { + type: String, + default: "" + } + }, data: { statusHeight: 0, navigationHeight: 0, agencyName: '', + leftWidth: 0, + iconWidth: 0, }, lifetimes: { ready: function () { @@ -14,8 +25,28 @@ Component({ navigationHeight: App.globalData.deviceInfo.navigationHeight, agencyName: App.globalData.user.agencyName, }) + const menuButton = wx.getMenuButtonBoundingClientRect(); + console.log(menuButton) + this.setData({ + leftWidth: menuButton.left, + iconWidth: menuButton.width, + }) }, }, - methods: {} + methods: { + back() { + wx.navigateBack({ + delta: 1 + }) + }, + getNavigationInfo: function () { + var that = this; + wx.getSystemInfo({ + success (res) { + + } + }) + } + } }); diff --git a/components/Head/index.wxml b/components/Head/index.wxml index a1f4ed1..132e168 100644 --- a/components/Head/index.wxml +++ b/components/Head/index.wxml @@ -2,9 +2,22 @@ - - {{agencyName}} + + + + + + + {{text}} + + + \ No newline at end of file diff --git a/components/Head/index.wxss b/components/Head/index.wxss index 63c4b37..1d403ca 100644 --- a/components/Head/index.wxss +++ b/components/Head/index.wxss @@ -23,6 +23,21 @@ height: 34rpx; margin-right: 17rpx; } +.header .navigation .back-nav { + width: 100%; +} +.header .navigation .back-nav .con { + display: flex; + align-items: center; +} + +.header .navigation .back-nav .con view { + height: 100%; +} +.header .navigation .back-nav .con view.text { + text-align: center; + width: 100%; +} .header .navigation .con { position: relative; z-index: 2; diff --git a/images/statistics/icon-back.png b/images/statistics/icon-back.png new file mode 100644 index 0000000000000000000000000000000000000000..8c80c0aa86fabac7ee7d594a6538eed10583dddd GIT binary patch literal 752 zcmVPx%s!2paRA@u(mp_OTK@`T{Y;sE?ULjr~ULh)ox`a48*+s~Krw0oD12rkM(@r}} zJGHXB>a^2N(TH~1X_sbZlJ2@_rQLN(nwgOYlVhu9goM~T{J9I0AuV5 z0DJ&|C4@G{+?7(kDun<_=|&Vq2)}HBx8pco8xDs%dtLxzY|T2qVqqtQkRIoJ|3Sf+#1OS9T zZDD^IV|r4`&%WS;3CQ#Os8R~ysfASl&=W#@^a&qC0HyS>Et|75SVG8c&iNbP@ZJUF zd45nSH2{G18LW@B{$IkqtwKqX>~Az02!E;Y!TUmp7a^SAP1ncdjIkwS%zzMbz2N*q zDdnb*`GY6G7<-35Y2ibUgb>d{!+ZG$I-SnCG3HCb`6p7!$BTgXA^<00jJ*Ybekl_` z=zhOnn@lEHMmI|N4WOKitJ`(`_{z26hhL}XcZOlyrz&Kdh`8vr(h5IdFQJVnAb7i?^g-Px$TuDShRA@u(m(6VgQ4EBiqci|C0G*_Yh#TS_kf;DsK@K!PZV4%ZQb+?44WKpJ z8zND5{KihSlJ~l{-+VLH{z&QhB|X<)65ziR%mgw4(t%td(m=XB6QC_52V?@IfpmK& zKwC%-$OK3O>2^~B)9vX&rJ2>7+Ng}7K9$#xSAec0yv4h&(6wVfB@rP$4B&ebemj4=TJ9@!dqDdcj(!@Wdw*RQ4p1Y? z(vtudw<2mYfe2SEGcy5;TM@OHK!mH7nVEpat%%x8Ai`D4%-$z(0V%(7F$S1fCIA2c M07*qoM6N<$f@AKi8UO$Q literal 0 HcmV?d00001 diff --git a/subpages/statistics/images/down2.png b/subpages/statistics/images/down2.png new file mode 100644 index 0000000000000000000000000000000000000000..3be409255ab74b711618b47185328219b635d4e9 GIT binary patch literal 447 zcmV;w0YLtVP)Px$c}YY;RA@u(R69*kn&{{k81xP5M;|$~| zt>j1$k|^F8JF+y}SeEv^eV^Sy82Q4H>jyJ%=?1Ls{vghB#qKp3DHZViYd6cShi-ur82{)`C{5pSGxUoqGnM%;k+{*{^UV?-e0n{)0V z2CHVEEX#L9oX3b@=2ezucQIHs1K#^7GuHqx=_q82h^cdK(-HS)yZ8zPwyLUb0bt!x z$c%_SI%589S256? zH4#NU_+y6E4b*i#X__WH>gnF0nG#q=AU!adR3^?LzcsJTZ?4`N=u7ZEuNfFB>A}Y6(1z>^4V}0>;!7uP4Oj!p p3D_7_4zx3!HPAUSWx(hg_yPFEQ!%{sTKxb3002ovPDHLkV1h*wy;=YO literal 0 HcmV?d00001 diff --git a/subpages/statistics/images/right.png b/subpages/statistics/images/right.png new file mode 100644 index 0000000000000000000000000000000000000000..3a34fd849dc1a4fb51b450cf6ad228abace2ff2e GIT binary patch literal 622 zcmV-!0+IcRP)Px%C`m*?RA@u(m`$qGKoEedIt;UMC%Et;LLgPO^#Y=(C=Y*881TV>BKlkiilQP4 zih>|2=p{PIAq2r22wtHi(2Gf!;3VChNg%WCN`GJdBt4BV@gGi{A7+7lS8%StTmjDv z%q`@ZK=1G%6|mMGEtktLX`24_ChGVAZ-KHbt*VOK_bfAi@5tb_JhVUsbAg$^dQo)< z_7*6L;tT*Zvwn%0KX>5hz0_Nv+BwhjbBOqDlfoEtkY(AY-efxl1`%))7ZI_RbydA4 zA|G~S>9s7FK(%{WmX}qvmUTqDNks2@(d`fvRKQ7GQPpPFZ!`1T9e6q~2`*3(6h(0z z0BTt`#;md|d)=AvKLJq$oWv~vc(b{`sve5Si;xo01f0YQ0A6hZBjTEfo`sT#D&Qmz z0pNK9_%1U)2_X?(zzz0VRi8G1?=$mbUx`5k+;`$0A~u1KnE8>9#9#tW;sGMofD!Qo z5&h{aF{nUw>^8x{X2SrZSVjvjTUNwpT-ckz)#~fx(!}c*CI0h57{<& zM7%>pFZ&Mcwzw#7p_a_AL}dJjxt5-v#&Nm@{suF@57{=g!(pfgxAgo~BKjC=k7zT{ z((?x*GX6jHEp0Q6YZYs)7-MXswC9<*cEvK<7P8hJOOoW5s-AR^)4N*C^Zc}`o=TGB z2NC^@neAvpJT!Ea*XX_^q8ufLl$iyF%=SFQ`_A@UfiYI#ANV1b0000007*qo IM6N<$f@v)kMF0Q* literal 0 HcmV?d00001 diff --git a/subpages/statistics/pages/crowdPortrait/crowdPortrait.json b/subpages/statistics/pages/crowdPortrait/crowdPortrait.json index d26e0b3..7994964 100644 --- a/subpages/statistics/pages/crowdPortrait/crowdPortrait.json +++ b/subpages/statistics/pages/crowdPortrait/crowdPortrait.json @@ -1,4 +1,7 @@ { "navigationBarTitleText": "画像匹配人员", - "usingComponents": {} + "navigationStyle": "custom", + "usingComponents": { + "Head": "../../../../../components/Head" + } } \ No newline at end of file diff --git a/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxml b/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxml index 9178313..8573dd2 100644 --- a/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxml +++ b/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxml @@ -1,2 +1,21 @@ - -subpages/statistics/pages/crowdPortrait/crowdPortrait.wxml + + + + + + + “基础教育” 潜在不满意人员: 378 人 + + + + + + 刘萍 13362021000 + + 地址：阳光城小区3号楼2单元202户 + + + + + + diff --git a/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxss b/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxss index 4106b94..9f07ff4 100644 --- a/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxss +++ b/subpages/statistics/pages/crowdPortrait/crowdPortrait.wxss @@ -1 +1,50 @@ -/* subpages/statistics/pages/crowdPortrait/crowdPortrait.wxss */ \ No newline at end of file +.statistics-container { + padding: 20rpx; +} +.card { + background: #fff; + border-radius: 20rpx; + padding: 30rpx; + margin-top: 20rpx; +} +.title { + font-size: 30rpx; + color: #333333; + margin-bottom: 60rpx; +} +.bold { + font-weight: bold; +} +.blue { + color: #3A80E7; +} +.log-item { + border-bottom: 1px solid #EAEAEA; + padding: 30rpx 0; +} +.log-item .user { + display: flex; + align-items: center; +} +.log-item .icon { + width: 48rpx; + height: 48rpx; +} +.log-item .name { + font-size: 32rpx; + font-weight: 500; + color: #333333; +} +.log-item .address { + font-size: 28rpx; + font-weight: 500; + color: #999999; +} +.log-item { + display: flex; + justify-content: space-between; + align-items: center; +} +page { + background: #f7f7f7; +} \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/detial/detail.js b/subpages/statistics/pages/dissatisfied/detial/detail.js index 8e90e10..f57a1f6 100644 --- a/subpages/statistics/pages/dissatisfied/detial/detail.js +++ b/subpages/statistics/pages/dissatisfied/detial/detail.js @@ -1,66 +1,8 @@ -// subpages/statistics/pages/dissatisfied/detial/detail.js Page({ - - /** - * 页面的初始数据 - */ data: { }, - - /** - * 生命周期函数--监听页面加载 - */ onLoad(options) { - }, - - /** - * 生命周期函数--监听页面初次渲染完成 - */ - onReady() { - - }, - - /** - * 生命周期函数--监听页面显示 - */ - onShow() { - - }, - - /** - * 生命周期函数--监听页面隐藏 - */ - onHide() { - - }, - - /** - * 生命周期函数--监听页面卸载 - */ - onUnload() { - - }, - - /** - * 页面相关事件处理函数--监听用户下拉动作 - */ - onPullDownRefresh() { - - }, - - /** - * 页面上拉触底事件的处理函数 - */ - onReachBottom() { - - }, - - /** - * 用户点击右上角分享 - */ - onShareAppMessage() { - } }) \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/detial/detail.json b/subpages/statistics/pages/dissatisfied/detial/detail.json index 508d34a..9b6f92c 100644 --- a/subpages/statistics/pages/dissatisfied/detial/detail.json +++ b/subpages/statistics/pages/dissatisfied/detial/detail.json @@ -1,4 +1,7 @@ { "navigationBarTitleText": "详情", - "usingComponents": {} + "navigationStyle": "custom", + "usingComponents": { + "Head": "../../../../../components/Head" + } } \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/detial/detail.wxml b/subpages/statistics/pages/dissatisfied/detial/detail.wxml index 99c1628..14fdcb9 100644 --- a/subpages/statistics/pages/dissatisfied/detial/detail.wxml +++ b/subpages/statistics/pages/dissatisfied/detial/detail.wxml @@ -1,2 +1,57 @@ - -subpages/statistics/pages/dissatisfied/detial/detail.wxml + + + + + + 历史及潜在不满意事项 + + + + 12345投诉 + + 76 + + + + 省满意度调查 + + 24 + + + + 社区满意度自查 + + 13 + + + + + + 回访记录 + + + + + 电话回访 + 杨平（网格长） + + 2023-08-23 + + + + + + + \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/detial/detail.wxss b/subpages/statistics/pages/dissatisfied/detial/detail.wxss index a86c7d0..17e7b08 100644 --- a/subpages/statistics/pages/dissatisfied/detial/detail.wxss +++ b/subpages/statistics/pages/dissatisfied/detial/detail.wxss @@ -1 +1,164 @@ -/* subpages/statistics/pages/dissatisfied/detial/detail.wxss */ \ No newline at end of file +page { + background: #f7f7f7; +} +.statistics-container { + padding: 20rpx; +} +.user-info { + background: #FFFFFF; + border-radius: 20rpx; + padding: 30rpx; +} +.user-info .name { + font-size: 32rpx; + font-weight: bold; + color: #333333; + margin-bottom: 30rpx; +} +.user-info .address { + font-size: 28rpx; + font-weight: 400; + color: #666666; + padding-bottom: 30rpx; + margin-bottom: 30rpx; + border-bottom: 1px solid #EAEAEA; +} +.user-info .text { + font-size: 30rpx; + font-weight: 500; + color: #333333; + line-height: 46rpx; +} +.user-info .time { + font-size: 26rpx; + font-weight: 400; + color: #C1C1C1; +} + +.card { + background: #fff; + border-radius: 20rpx; + padding: 30rpx; + margin-top: 20rpx; +} +.card .title { + font-size: 34rpx; + font-weight: bold; + color: #333333; + display: flex; + align-items: center; + margin-left: -30rpx; + margin-bottom: 39rpx; + position: relative; +} +.card .title:before { + content: ''; + display: block; + width: 10rpx; + height: 28rpx; + background: #3A80E7; + border-radius: 4rpx; + margin-right: 20rpx; +} + +.num-list { + display: flex; + width: 100%; + justify-content: space-between; + position: relative; +} +.num-list .num-item { +} +.num-list .num-item:after { + content: ''; + display: block; + position: absolute; + right: 0; + top: calc(50% - 45rpx); + width: 1rpx; + height: 90rpx; + background: #C1C1C1; + opacity: 0.66; +} +.num-list .num-item:nth-of-type(1):after { + left: 27%; +} +.num-list .num-item:nth-of-type(2):after { + left: 64%; +} +.num-list .num-item:last-child:after { + display: none; +} +.num-list .num-item .txt { + font-size: 28rpx; + font-weight: 500; + color: #999999; + margin-bottom: 30rpx; +} +.num-list .num-item .num { + font-size: 42rpx; + font-weight: bold; + color: #333333; +} + +.tag { + display: inline-block; + line-height: 40rpx; + height: 40rpx; + border-radius: 20rpx; + font-size: 26rpx; + font-weight: 500; + padding: 0 20rpx; + margin-right: 30rpx; +} + +.blue { + background: rgba(79, 148, 255, 0.14); + color: #4F94FF; +} + +.orange { + background: rgba(255, 120, 60, 0.14); + color: #FF783C; +} + +.green { + background: rgba(4, 184, 173, 0.14); + color: #04B8AD; +} + +.red { + color: #FA1919; + background: rgba(255, 48, 27, 0.14); +} +.log-item { + border-bottom: 1px solid #EAEAEA; + padding: 30rpx 0; +} +.log-item .user { + display: flex; + align-items: center; +} +.log-item .tag { + margin-right: 17px; +} +.log-item .icon { + width: 48rpx; + height: 48rpx; +} +.log-item .name { + font-size: 32rpx; + font-weight: 500; + color: #333333; +} +.log-item .date { + font-size: 28rpx; + font-weight: 500; + color: #C1C1C1; + margin-top: 17rpx; +} +.log-item { + display: flex; + justify-content: space-between; + align-items: center; +} \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/list/list.js b/subpages/statistics/pages/dissatisfied/list/list.js index 99971a8..8d38834 100644 --- a/subpages/statistics/pages/dissatisfied/list/list.js +++ b/subpages/statistics/pages/dissatisfied/list/list.js @@ -1,66 +1,18 @@ -// subpages/statistics/pages/dissatisfied/list/list.js Page({ - - /** - * 页面的初始数据 - */ data: { - + month:'', + typeIndex: -1, + typeList: [] }, - - /** - * 生命周期函数--监听页面加载 - */ onLoad(options) { }, - - /** - * 生命周期函数--监听页面初次渲染完成 - */ - onReady() { + onConfirm() { }, - - /** - * 生命周期函数--监听页面显示 - */ - onShow() { - - }, - - /** - * 生命周期函数--监听页面隐藏 - */ - onHide() { - - }, - - /** - * 生命周期函数--监听页面卸载 - */ - onUnload() { - - }, - - /** - * 页面相关事件处理函数--监听用户下拉动作 - */ - onPullDownRefresh() { - - }, - - /** - * 页面上拉触底事件的处理函数 - */ - onReachBottom() { - - }, - - /** - * 用户点击右上角分享 - */ - onShareAppMessage() { - + gotopage(e) { + wx.navigateTo({ + url: 'subpages/statistics/pages/dissatisfied/detial/detail?id='+e.currentTarget.dataset.id + }) } }) \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/list/list.json b/subpages/statistics/pages/dissatisfied/list/list.json index 65c3a7e..fa08797 100644 --- a/subpages/statistics/pages/dissatisfied/list/list.json +++ b/subpages/statistics/pages/dissatisfied/list/list.json @@ -1,4 +1,5 @@ { "navigationBarTitleText": "不满意事项详细", - "usingComponents": {} + "usingComponents": { + } } \ No newline at end of file diff --git a/subpages/statistics/pages/dissatisfied/list/list.wxml b/subpages/statistics/pages/dissatisfied/list/list.wxml index 3bf5e59..6e845ee 100644 --- a/subpages/statistics/pages/dissatisfied/list/list.wxml +++ b/subpages/statistics/pages/dissatisfied/list/list.wxml @@ -1,2 +1,122 @@ - -subpages/statistics/pages/dissatisfied/list/list.wxml + + + + {{ month ? month : '按月度' }} + + + + + + + {{ typeIndex >= 0 ? typeList[typeIndex].label : '按类型' }} + + + + 筛选 + + + + + + 8月 + + + 不满意事项: 132项 + 不满意人数: 110人 + + + + + + + 2023-08-12 15:30:20 + 违章建筑 + + + 村前的老宅有个饭店，想要扩建二层，周边村民都 不同意，该居民想自行加高，对此不满，要求停止 + 建设，希望责任部门尽快落实该信息· + + + + + + 2023-08-12 15:30:20 + 违章建筑 + + + 村前的老宅有个饭店，想要扩建二层，周边村民都 不同意，该居民想自行加高，对此不满，要求停止 + 建设，希望责任部门尽快落实该信息· + + + + + + + 7月 + + + 不满意事项: 132项 + 不满意人数: 110人 + + + + + + + 2023-08-12 15:30:20 + 违章建筑 + + + 村前的老宅有个饭店，想要扩建二层，周边村民都 不同意，该居民想自行加高，对此不满，要求停止 + 建设，希望责任部门尽快落实该信息· + + + + + + 2023-08-12 15:30:20 + 违章建筑 + + + 村前的老宅有个饭店，想要扩建二层，周边村民都 不同意，该居民想自行加高，对此不满，要求停止 + 建设，希望责任部门尽快落实该信息· + + + + + + diff --git a/subpages/statistics/pages/dissatisfied/list/list.wxss b/subpages/statistics/pages/dissatisfied/list/list.wxss index a2f541e..d32af5b 100644 --- a/subpages/statistics/pages/dissatisfied/list/list.wxss +++ b/subpages/statistics/pages/dissatisfied/list/list.wxss @@ -1 +1,176 @@ -/* subpages/statistics/pages/dissatisfied/list/list.wxss */ \ No newline at end of file +page { + background: #f7f7f7; +} + +.screen { + display: flex; + justify-content: space-between; + background: #fff; + padding: 18rpx 22rpx; +} + +.picker { + width: 241rpx; + height: 56rpx; + background: rgba(58, 128, 231, 0.16); + border: 1px solid #3A80E7; + border-radius: 28rpx; + font-size: 30rpx; + font-weight: 500; + color: #3A80E7; + line-height: 56rpx; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 30rpx; + box-sizing: border-box; +} + +.picker-type image, +.picker image { + width: 24rpx; + height: 24rpx; +} + +.picker-type { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 30rpx; + box-sizing: border-box; + width: 301rpx; + height: 56rpx; + background: rgba(193, 193, 193, 0.16); + border: 1px solid #DBDBDB; + border-radius: 28rpx; + font-size: 30rpx; + font-weight: 500; + color: #C1C1C1; + line-height: 56rpx; + text-align: center; +} + +.btn { + width: 120rpx; + height: 56rpx; + line-height: 56rpx; + background: #3A80E7; + border-radius: 28rpx; + font-size: 28rpx; + font-weight: 500; + color: #FFFFFF; + text-align: center; +} + +.statistics-container { + padding: 0 20rpx 20rpx; +} + +.card-list { + margin-top: 20rpx; + padding: 0 30rpx; + background: #fff; +} + +.head { + border-bottom: 1px solid #EAEAEA; + display: flex; + align-items: center; + justify-content: space-between; + padding: 30rpx 0; +} + +.month { + font-size: 54rpx; + font-weight: bold; + color: #3A80E7; +} + +.month text { + font-size: 26rpx; + font-weight: 500; +} + +.head-right { + display: flex; + font-size: 28rpx; + font-weight: 500; + color: #666666; +} + +.head-right .txt { + margin-left: 30rpx; +} + +.card-list .content .item { + padding: 30rpx 0; + border-bottom: 1px solid #EAEAEA; +} + +.card-list .content .item .user-info { + display: flex; + align-items: center; + justify-content: space-between; +} + +.card-list .content .item .user-info .name { + font-size: 32rpx; + font-weight: 500; + color: #333333; +} + +.tag { + display: inline-block; + line-height: 40rpx; + height: 40rpx; + border-radius: 20rpx; + font-size: 26rpx; + font-weight: 500; + padding: 0 20rpx; +} + +.blue { + background: rgba(79, 148, 255, 0.14); + color: #4F94FF; +} + +.orange { + background: rgba(255, 120, 60, 0.14); + color: #FF783C; +} + +.green { + background: rgba(4, 184, 173, 0.14); + color: #04B8AD; +} + +.red { + color: #FA1919; + background: rgba(255, 48, 27, 0.14); +} + +.date { + display: flex; + align-items: center; + justify-content: space-between; + margin: 15rpx 0 29rpx; +} + +.date .time { + font-size: 26rpx; + font-weight: 500; + color: #C1C1C1; +} + +.date .type { + font-size: 24rpx; + font-weight: 500; + color: #999999; +} + +.describe { + font-size: 30rpx; + font-weight: 500; + color: #333333; + line-height: 46rpx; +}