From faa008ae282d7d653902e273e6015c4fb6c7b354 Mon Sep 17 00:00:00 2001 From: iuu <2167162990@qq.com> Date: Tue, 20 Aug 2024 23:59:50 +0800 Subject: [PATCH] list --- app.json | 42 +++--- components/list-nav-bar/list-nav-bar.js | 52 ++++++++ components/list-nav-bar/list-nav-bar.json | 5 + components/list-nav-bar/list-nav-bar.wxml | 28 ++++ components/list-nav-bar/list-nav-bar.wxss | 65 ++++++++++ images/back.png | Bin 0 -> 2212 bytes images/back.svg | 1 + images/home.svg | 1 + images/logo.png | Bin 0 -> 738 bytes images/tbg.png | Bin 0 -> 1336 bytes pages/222.js | 66 ++++++++++ pages/222.json | 3 + pages/222.wxml | 2 + pages/222.wxss | 1 + pages/index/index.js | 50 ++++++-- pages/index/index.wxml | 44 +++---- pages/index/index.wxss | 29 ++++- pages/list/list.js | 66 ++++++++++ pages/list/list.json | 7 + pages/list/list.wxml | 150 ++++++++++++++++++++++ pages/list/list.wxss | 51 ++++++++ 21 files changed, 606 insertions(+), 57 deletions(-) create mode 100644 components/list-nav-bar/list-nav-bar.js create mode 100644 components/list-nav-bar/list-nav-bar.json create mode 100644 components/list-nav-bar/list-nav-bar.wxml create mode 100644 components/list-nav-bar/list-nav-bar.wxss create mode 100644 images/back.png create mode 100644 images/back.svg create mode 100644 images/home.svg create mode 100644 images/logo.png create mode 100755 images/tbg.png create mode 100644 pages/222.js create mode 100644 pages/222.json create mode 100644 pages/222.wxml create mode 100644 pages/222.wxss create mode 100644 pages/list/list.js create mode 100644 pages/list/list.json create mode 100644 pages/list/list.wxml create mode 100644 pages/list/list.wxss diff --git a/app.json b/app.json index 2a98f69..3743068 100644 --- a/app.json +++ b/app.json @@ -1,22 +1,24 @@ { - "pages": [ - "pages/index/index" - ], - "window": { - "navigationBarTextStyle": "black", - "navigationStyle": "custom" - }, - "style": "v2", - "renderer": "skyline", - "rendererOptions": { - "skyline": { - "defaultDisplayBlock": true, - "disableABTest": true, - "sdkVersionBegin": "3.0.0", - "sdkVersionEnd": "15.255.255" - } - }, - "componentFramework": "glass-easel", - "sitemapLocation": "sitemap.json", - "lazyCodeLoading": "requiredComponents" + "pages": [ + "pages/index/index", + "pages/list/list", + "pages/222" + ], + "window": { + "navigationBarTextStyle": "black", + "navigationStyle": "custom" + }, + "style": "v2", + "renderer": "skyline", + "rendererOptions": { + "skyline": { + "defaultDisplayBlock": true, + "disableABTest": true, + "sdkVersionBegin": "3.0.0", + "sdkVersionEnd": "15.255.255" + } + }, + "componentFramework": "glass-easel", + "sitemapLocation": "sitemap.json", + "lazyCodeLoading": "requiredComponents" } \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.js b/components/list-nav-bar/list-nav-bar.js new file mode 100644 index 0000000..a12d8ec --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.js @@ -0,0 +1,52 @@ +const app = getApp() +Component({ + + /** + * 组件的属性列表 + */ + properties: { + showNavBtn: { + type: Boolean, + value: true + }, + title: { + type: String, + value: '标题' + }, + color: { + type: String, + value: '#fff' + }, + }, + + /** + * 组件的初始数据 + */ + data: { + navBarHeight: app.globalData.navBarHeight, + menuRight: app.globalData.menuRight, + menuTop: app.globalData.menuTop, + menuHeight: app.globalData.menuHeight, + }, + + /** + * 组件的方法列表 + */ + methods: { + // 回退 + navBack() { + wx.navigateBack() + this.triggerEvent('onBack') + }, + // 回主页 + // navHome() { + // wx.switchTab({ + // url: '/src/pages/home/home' + // }) + // this.triggerEvent('onHome') + // }, + // navIcon() { + // this.triggerEvent('onIcon') + // } + }, +}) \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.json b/components/list-nav-bar/list-nav-bar.json new file mode 100644 index 0000000..df865e8 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.json @@ -0,0 +1,5 @@ +{ + "component": true, + "styleIsolation": "apply-shared", + "usingComponents": {} + } \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.wxml b/components/list-nav-bar/list-nav-bar.wxml new file mode 100644 index 0000000..1455020 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.wxml @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + {{title}} + + + + + + + + \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.wxss b/components/list-nav-bar/list-nav-bar.wxss new file mode 100644 index 0000000..c6abdd6 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.wxss @@ -0,0 +1,65 @@ +.navbar { + position: fixed; + width: 100%; + top: 0; + color: #fff; + background: #3c8bf6; + display: flex; + flex-flow:column; + justify-content: flex-end; + } + + .navbar-container { + + height: 100rpx; + position: relative; + /* display: flex; + flex-flow:row; + align-items: center; + justify-content: center; */ + /* position: relative; */ + /* width: 100vw; + height: 64rpx; + z-index: 100; + display: flex; + box-sizing: border-box; */ + } + + .navbar-btn { + display: flex; + flex-flow:row; + align-items: center; + justify-content: center; + margin-left: 20px; + width: 60rpx; + height: 100rpx; + /* position: absolute; */ + /* left: 24rpx; + width: 64rpx; + height: 64rpx; */ + /* + + + z-index: 100; + display: flex; + align-items: center; */ + } + + .navbar-icon { + width: 36rpx; + height: 36rpx; + } + + .navbar_title { + position: absolute; + width: 100%; + height: 100rpx; + line-height: 100rpx; + font-weight: 700; + text-align: center; + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + \ No newline at end of file diff --git a/images/back.png b/images/back.png new file mode 100644 index 0000000000000000000000000000000000000000..55ac5701b22341d2d9563daf0ddfd6686ee5e559 GIT binary patch literal 2212 zcmXAreKeH&7RSeUnjQ?zjOt=0{l+{JDKAHwp_qpm^9&AhdLfP!P9)T*6MA8uDKE+N z%oB;LQb*Z>RJWSsp5k=woO}P+d#|eaKa2; z3$j3mArsA^w z!xR!;$q!lFEMQa6?ESL&ozt_H*|{zL>E_}O@B3k!!ef^gw%ks-)BWMa@9J@Sifw^MaA0vHyN=85mfCkEgaa9l3YU35JvVs$edU%s9ox*nser*+#oYp%ezo)hGz$p zAq;J9q7~k8!#&(S%xoa%W5i8H2Xfm*d|^D~aN<$mQsN#lPw+6rebFc_;oiPS(OQ1a z?5l=`Un5G35@8@QwQX^MN4tJ(bd}M0oK;z%9X@0Xauz)6`w720wzC;g_mvhbw(8p*>lHp)A3c`1>cs zMB2;DO(LcF$mUfAps4&x4mW4@`g0lZX#1ya8?}6cj8`PAF{<5fC7UKacUa?)OrjL_ z`vq`wnd%*J#F*uI!Cy;I>KB}2K%6-xWY}GAs8f&7`^V{f&yQqUvzg45A!utRT%Wy_%bW& zRO!oSNI#_9K$^3KOO8~S+4ED_l==A=!)I~RrkO+2cLB3*Bt@sZN$P} zR*wnJxzO$IF{9D5*83mnaa;k*;OfEm69IZgwh`0mR+%1pHhyf($rhGbR4Zgdt~i*V zFaxgZ86!;7oz{>>4}k_w3U{JJ`!`lkf(|Lbd;=vQbTm|%8-LyJ0UHv)$%uTz8dxUs zQ``!D0cM+94$Wns-6~Hy;8ev))UlQkqcqfPAs^PbKR@7rHcIK9!8H!lNeCr>YIarU3jI-{ zEl-v9)GlPB2OA4yFdcIC7TRTl@2IfL&M;d+lHPiIQpe zMGgO!;UF*h^tzztN`Q?r7yVM&V~iuE^4ngY^xu-VFLHWnrJgZybWqp9(kJ3#>vwkR zVO!d6dt5C9*!D&2Gai34f*Mx_IoQKwm`GBQeMR4e`M&o%e-j+3_z<4id>3GKht-mx zT(CK#?XO?hE&CIZTk=$<)?^oA6c|NTF|@VoF%oG)heSk*kS7iK!g5pqZ#N?;t8z_r zKCGj-k`S_6XUot^6-2BK@=RHPI#77hd6nWEfW^hADp^mqw=*iwpT{(mMAdm%(~ltu z(5Zuby;vC1|BK~JfiD@fyZa(nEo>)Z|EDR}{^f`z#Q(e(a*1b<7Q(W62)9^GlO7ia zZK9!cHjZRF+u0ulodrTxOu1dLFC&Kr@(iDx^tZ`1Peb-l*^!G;j+~drdtR=AN9k75 zG6TQL6gettL~O2 zd4zKzY2WqPw|-ctm$itDnfk5yP1~KkZ}~1l*1#(URO0-8U4*Xi2)nYH_pn5nbrM;t z2z-{{{^Z+Ml+~R7^o8lNAZcqD3o5DW*|jq_OND4;9MfU$q2<}B!PZ5h&m(hv;ZTX^ zSo<9|A^JKqOtVyORZSr_X9-3az@ad({fjNM9qb04(e6*{ENj#Ysa- z@2=M$FAjJ9(VPR5D~8^ \ No newline at end of file diff --git a/images/home.svg b/images/home.svg new file mode 100644 index 0000000..a58b76d --- /dev/null +++ b/images/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..b59a979c82e43f660d08364c454e80a40e81530c GIT binary patch literal 738 zcmeAS@N?(olHy`uVBq!ia0vp^xDrJjpQ&Nq(Cb_J>(GWQ>^W$3e>Fd7*#)QpUwst|LcFZh2 z*Lyy;ubpdltucWqTsmi7Rp&czN&cQy^HieV8xYxzx&VceI{c1`TxEX zG9r`1bN4IFnsw7_`IBSMU#yhB(&Kws_>*7%%xP0+>wE}JW$=40SN`itE9YUEmLgEn N^mO%eS?83{1OQ9NCuINt literal 0 HcmV?d00001 diff --git a/images/tbg.png b/images/tbg.png new file mode 100755 index 0000000000000000000000000000000000000000..cd8e0e4e02ddb0179bc7c9f32520f5ddc5b2a466 GIT binary patch literal 1336 zcmV-81;_e{P)001`#1^@s6)R7F@00009a7bBm000XU z000XU0RWnu7ytkS>PbXFRCt{2-OX;kPw(0n&AU zhAyBoBfyKmeqaYM3~X`RmVkNSH{c@hJ#eGU!M6=r_mLM_s{2Y?CS957nJ z@kZUTCfu=0QK&^aGYI?u9I4^hN8GUo%QRA`McOwA{0Qu>v5(!ZkHW!LsME0%_yD_` z`mg)>)qS=zU|p%&415D@??PYOU0<7v?5t47ZxeRM^eS)?`#yHR``O_>y9#^;JQ%3P z6nzBj>0*C-T%WlV>bPwJz5|Yt{kt3hjsoAhHqw~`z*vBO$0%@DT%nHJhm?Et@jP}p zF6|otJ`ULbC)l%aFNHc@Phw}^vfgxUr9H1>Uu!}c#Rj){Db(>ABj$EQ3U$1$chGjevMTyZFWq4D4k%Kn<8`)!w&yFWqQ5*Ex`1_teH#?& zczr>EcWzr)1wOC1mVU7%f0wR#$hSeEj@K0SYF=3ruB{|Wp^n>0%3VrdaBZYLOQ8!` z=WpKzg*tA_z{|ima5rPWyVx1}6?Esj6APgWSm$@&28B9)%h(8`r?9tpW`PypA7I*j z_B1v;^iH4}i|OrwCt$C#_KIoW2JdX55}j$_ozO)j?jmqFbP>)^z70B4OK<4?vozQ= zzP+%dO%to7C52j~xa+{rp^Lz#67~*0Qm94B84q0mHq(ulLM`FNap}Eg5||0t|BS1_ zOQ9AiXBBumVE-q`8A+&6iXctCh#n9x`tz)#@4pJS*B5$P-|Hi zk=E{D(>1?9HJ9VF?pQ~$oRv}})Tu4&G7Ox;ru6yG{dtOvnIuFCI)_bpbQl};Rdz_} zCEyKrjNH52K8&{n*LyG2mgh?Jw;0$r_CH^!QbsdEh4qa3UzABx*RIF z-%GVtAyTufP^Y%6%OeH%8>+Pmk(y>>F&2g zEi2TiE$i|=`BS_ux&1_w;I(C4$__s1^<`b=v1jQbNy@uXre$43B9j+tE$bo@nIez0 u(plC;qz`ys=n#=OY337=#3 +pages/222.wxml \ No newline at end of file diff --git a/pages/222.wxss b/pages/222.wxss new file mode 100644 index 0000000..611115a --- /dev/null +++ b/pages/222.wxss @@ -0,0 +1 @@ +/* pages/222.wxss */ \ No newline at end of file diff --git a/pages/index/index.js b/pages/index/index.js index a67107d..a87e106 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -3,15 +3,45 @@ Page({ data: { codes: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16], - faq: [ - { title: '超出焊接时间', date: '08.04 00:48' }, - { title: '时间超长', date: '08.04 00:48' }, - { title: '常见问题常见问题', date: '08.04 00:48' } + faq: [{ + title: '超出焊接时间', + date: '08.04 00:48' + }, + { + title: '时间超长', + date: '08.04 00:48' + }, + { + title: '常见问题常见问题', + date: '08.04 00:48' + } ], - knowledge: [ - { title: '超出焊接时间', date: '08.04 00:48' }, - { title: '时间超长', date: '08.04 00:48' }, - { title: '常见问题常见问题', date: '08.04 00:48' } + knowledge: [{ + title: '超出焊接时间', + date: '08.04 00:48' + }, + { + title: '时间超长', + date: '08.04 00:48' + }, + { + title: '常见问题常见问题', + date: '08.04 00:48' + } ] - }, -}) + }, + + jumpPage(e) { + + let jumpType = e.currentTarget.dataset.jumptype; + console.log(jumpType == 1); + if(jumpType == 1){ + wx.navigateTo({ + url: "/pages/list/list?id=1" + }) + } + // wx.navigateTo({ + // url: this.data.category[index].url + // }) + }, +}) \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 1bad91f..55452c4 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -17,7 +17,7 @@ 故障码快速查询 - {{item}} + {{item}} @@ -36,23 +36,23 @@ 常见问题解决 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 @@ -64,23 +64,23 @@ 超声波知识 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 @@ -93,23 +93,23 @@ 技术支持 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 diff --git a/pages/index/index.wxss b/pages/index/index.wxss index f192f34..3514bfd 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -176,7 +176,7 @@ page { } .group-item-header { - height: 100rpx; + height: 110rpx; /* background: chartreuse; */ display: flex; justify-content: space-between; @@ -187,12 +187,25 @@ page { } .group-item-header-title { - flex: 1; + /* flex: 1; */ + + width: 255rpx; + justify-content: center; + align-items: center; + /* padding-left: 25rpx; + padding-right: 25rpx; + padding-top: 5rpx; */ + padding:5rpx 25rpx 0 25rpx; font-family: YouSheBiaoTiHei-1; text-align: center; font-size: 36rpx; color: #3c8af6; - + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAA3CAYAAADUkQzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE6klEQVR4nO3dzW8VVRzG8e8tgkrEDWnsRmtdQMGgK0JAdGGIgi9bTXDbgBEksjL+Be40vjRY4svORbdqwEBYKEpYsDC02rKA1m4qxI1V0Dbluvidhi7umZd7Z+6559znkzSEO3Pm/ELzMHNnzpzTaDabiEg6BkIXICLVUqhFEnOfb8O1xZVu1uG3NXQB0nV/hi6gMiPAi8B+YAcwDGxx25aAeeA34CLwPXCjzMG3DW1s+XnD951aoZZg4g71BuA14DiwF2gUbNcELgGfApPAal4DX6h1+S1SnQPAFPA1sI/igcbtu8+1nXLHaotCLdK5B4AJ4BwwWsHxRt2xJtyxS1GoRTozCPwAHKnh2EfcsQfLNFKoRdo3CPwI7K6xj92uj8LBVqjTsRP4ALub+q/7+dV9tjNgXanaDHwDbO9CX9tdX5uL7KxQx28Tdsf0KnAS+z52v/vZ4T67CnwGPBioxhR9BOzpYn97XJ+5FOq4bQK+A46R/bscAI4C37o20pkDwFiAfscocFdcoY7bh5R79PE8djku7RsAPg7Y/yfYs3AvhTpeT2Jn37LedG2lPa9jX2tCGcUGt3gp1PEaI+d/bI8NhLl0TMWx0AVgo9W8FOp4HQzUtl69PUR0BBv1Fdpe4AnfRoU6Xt5fas1t+9lByg39rEsDe1GkJYW6Py2HLiBSz4QuYB1vLQp1vK530Ha+sir6Sy/dYPQOKFKo43W2g7bnK6uivzwauoB1hn0bFOp4fUGBd25bWAU+r7iWfrElf5eueci3QaGO1xT2al5ZE66tJEqhjttJyl1KX3BtpD1LoQtY52/fBoU6bsvAy8A4cDdjv7vYGfoVdOe7EwuhC1jnd98GhTp+y9gIo6ewt3hmgRXgH2DaffY0Njz0TqAai+ntgSdgr7L2imnfBu9sohKdaeCd0EUk7iJwOHQRzk++DTpTS2/o/bM02DS+vbCkTROrpSWFWqS468DPoYvAphL2Dj5SqEXKGQ9dADbTjZdCLeHFcem9ZhKYCdj/jKvBS6EWKWcVeDtg/yfIGUmoUIuUdx74KkC/X2KT/GdSqEXacxy43MX+LlPwCkGhFmnPbeBVbLBP3WZdX7eL7KxQi7TvFvAccKXGPq64Pm4VbaBQi3TmJvAscLqGY5/G1ra+WaZRmVBrWReR1u5g0zW/QDWX47PuWEexnJVSJNSpLesyDJzCpvT5z/15ioyZJEQKOodNeXQYG/VVdkjpJeANd4zcu9w+jWazdb/XFlfg3rIuRVeBuAAcosrX+7ZWdiSw2SAnaT2DxRI2SXon0wRJO+IafFLGCJaH/djJ8DHgYbftL+z1yRnsRZEzwI0yB982tLHl53mhHgfeKtORa5M52Xgp1YX6ceAX7v2jtrKEvcI4V1mvki/dUNfKF+qsy+/UlnV5j+xAg53B3+1CLSK1yQp1asu6HCq430u1ViFSs6xQp7asyyMF9xuqtQqRmmWFOrVlXf4ouN9irVWI1KyuwSe9OLndmYL76e63RC0r1Kkt6/I++VO8Lrn9RKKVFerUlnWZw55D+4K99px6rkv1iNQiK9S9saxLtc8wzwK7sDmwF7CvCQvu77vQpbckIGuK4LVlXcoOPun1ZV3msWfpIknKu1GmZV1EIpMXai3rIhKZIo+00lnWRaQPeF/oEJE4aeYTkcQo1CKJ+R8nM+7CXs93fAAAAABJRU5ErkJggg==); + background-size: cover; + /* background-position: center; */ + background-position: 0 0; + background-repeat: no-repeat; + } @@ -242,11 +255,17 @@ page { /*最后一个元素不带虚线*/ .group-txt-item-bullet { - color: #318bf7; + /* color: #318bf7; margin-right: 10rpx; font-size: 40rpx; font-weight: bold; - line-height: 85rpx; + line-height: 85rpx; */ + + width: 12rpx; + height: 12rpx; + background-color: #3c8bf6;; /* 蓝色圆点 */ + border-radius: 50%; + margin-right: 15rpx; } .group-txt-item-text { diff --git a/pages/list/list.js b/pages/list/list.js new file mode 100644 index 0000000..07b54ec --- /dev/null +++ b/pages/list/list.js @@ -0,0 +1,66 @@ +// pages/list/list.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/list/list.json b/pages/list/list.json new file mode 100644 index 0000000..76a12e9 --- /dev/null +++ b/pages/list/list.json @@ -0,0 +1,7 @@ +{ + "usingComponents": { + "navigation-bar": "/components/navigation-bar/navigation-bar", + "index-nav-bar": "/components/index-nav-bar/index-nav-bar", + "list-nav-bar": "/components/list-nav-bar/list-nav-bar" + } + } \ No newline at end of file diff --git a/pages/list/list.wxml b/pages/list/list.wxml new file mode 100644 index 0000000..32a343b --- /dev/null +++ b/pages/list/list.wxml @@ -0,0 +1,150 @@ + + + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + \ No newline at end of file diff --git a/pages/list/list.wxss b/pages/list/list.wxss new file mode 100644 index 0000000..11e5af7 --- /dev/null +++ b/pages/list/list.wxss @@ -0,0 +1,51 @@ +page { + height: 100vh; + display: flex; + flex-direction: column; + background: #f3f2f4; + min-height: 100vh; +} + +.container{ + margin-top: 45rpx; + margin-left: 30rpx; + margin-right: 30rpx; +} + +.card { + background-color: #ffffff; + border-radius: 10rpx; + padding: 30rpx; + margin-bottom: 20rpx; + /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */ +} + +.card-header { + display: flex; + align-items: center; + margin-bottom: 20rpx; +} + +.dot { + width: 16rpx; + height: 16rpx; + background-color: #3c8bf6; /* 蓝色圆点 */ + border-radius: 50%; + margin-right: 20rpx; +} + +.title { + font-size: 30rpx; + font-weight: bold; +} + +.details { + display: flex; + align-items: center; + color: #737373; /* 灰色文本 */ + font-size: 24rpx; +} +.details-icon{ + height: 20rpx; + width: 25rpx; +} \ No newline at end of file