From e00361c6bcbb1a56f6dcda22b91bdfcb2736e263 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期五, 26 七月 2024 15:56:27 +0800 Subject: [PATCH] 1 --- src/pages/index/index.vue | 149 +++++++++++++++++++++++++++---------------------- 1 files changed, 81 insertions(+), 68 deletions(-) diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index e8d6e6d..cd477d6 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -3,13 +3,13 @@ <view class="repository relative"> <view class="flex Ttop flex-column" style="width: 100%"> <view class="flex" style="width: 100%"> - <view style="padding-left: 4rem"></view> + <view style="padding-left: 4rem"></view> <view class="flex flex-center flex-wrap" style="width: 100%; flex-direction: column" > - <view ></view> - <view ref="Rtop"> + <view></view> + <view ref="Rtop"> <text class="login"></text> <text style=" @@ -19,7 +19,7 @@ font-family: cursive; font-weight: bold; " - >涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text + >涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text > </view> </view> @@ -42,7 +42,7 @@ @confirm="toggleSearch" type="text" style=" - margin-left: 0.05rem; + margin-left: 0.16rem; color: #2c2c2c; flex: 1; background-color: #fff; @@ -55,11 +55,7 @@ <view class="search-logo" @click="toggleSearch" - style=" - background-color: #244a7b; - border-radius: 50%; - margin-top: -4rpx; - " + style="background-color: #244a7b; border-radius: 50%" ></view> </view> <el-dropdown @@ -121,7 +117,7 @@ >{{ item.name }}</span > <view - class="flex flex-content" + class="detailBtn flex flex-content" style=" width: 0.5rem; height: 0.5rem; @@ -198,30 +194,33 @@ // 涔︾睄鏁版嵁 listData: [ { - name: "涓尰浜虹墿鏁版嵁搴�", + name: "鍘嗕唬浜虹墿", id: 1 }, { - name: "涓栧尰鍖诲鏁版嵁搴�", + name: "瀹跺浼犳壙", id: 2 }, { - name: "涓尰瀛︽湳娴佹淳", + name: "瀛︽湳鍥捐氨", + id: 6 + }, + { + name: "瀛︽湳娴佹淳", id: 3 }, { - name: "涓尰鍦板煙鍖昏氨", + name: "鍦板煙鍥捐氨", id: 4 - }, - { - name: "涓尰鍖讳簨鍒跺害", - id: 5 } + // { + // name: "涓尰鍖讳簨鍒跺害", + // id: 5 + // } ] }; }, onLoad() { - uni.getSystemInfo({ success: function (info) { // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth); @@ -281,6 +280,10 @@ } else if (item.id == 5) { uni.navigateTo({ url: "/pages/TcmSystem/TcmSystem?id=" + item.id + }); + } else if (item.id == 6) { + uni.navigateTo({ + url: "/pages/academicSchools/index" }); } }, @@ -490,12 +493,11 @@ .secretary li { width: 1.3rem !important; height: 4rem !important; - - span { - width: 0.5rem !important; - height: 70% !important; - font-size: 0.25rem !important; - } + } + .secretary li span { + width: 0.5rem !important; + height: 70% !important; + font-size: 0.25rem !important; } .hua { @@ -555,17 +557,24 @@ .secretary li { width: 1.3rem !important; height: 4rem !important; - - span { - width: 0.5rem !important; - height: 70% !important; - font-size: 0.25rem !important; - } + } + .secretary li span { + width: 0.5rem !important; + height: 70% !important; + font-size: 0.25rem !important; } /* 楂樼骇鎼滅储 */ .Search ::v-deep .flex-center { height: 80% !important; + } + + .Search ::v-deep .ffff { + opacity: 0.8; + } + + .Search ::v-deep .ffff:focus-within { + opacity: 1; } ::v-deep .searchBg { @@ -649,26 +658,24 @@ height: 100vh; color: #fff; +} +.container .repository { + width: 100% !important; + /* margin-top: 19px; */ + /* height: 68%; */ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; +} +.container .repository .Ttop { + margin-top: 0.38rem; + margin-bottom: 1.22rem; +} - .repository { - width: 100% !important; - /* margin-top: 19px; */ - /* height: 68%; */ - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; - - .Ttop { - margin-top: 0.38rem; - margin-bottom: 1.22rem; - } - - .r-top { - font-size: 40rpx !important; - margin: 10rpx 0; - } - } +.container .repository .r-top { + font-size: 40rpx !important; + margin: 10rpx 0; } .login { @@ -724,25 +731,31 @@ /* flex-wrap: wrap; */ padding: 0 20px; text-align: center; - - li { - background-color: #fff; - color: black; - width: 1.6rem; - height: 4.8rem; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - text-align: center; - background: #ebf4ff; - font-weight: 600; - margin: 0 0.21rem; - cursor: pointer; - } +} +.secretary li { + background-color: #fff; + color: black; + width: 1.6rem; + height: 4.8rem; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + text-align: center; + background: #ebf4ff; + font-weight: 600; + margin: 0 0.21rem; + cursor: pointer; } -::v-deep .cleanupBtn{ +::v-deep .cleanupBtn { right: 52px !important; } + +.secretary li .detailBtn { + transition: translate 0.3s; +} +.secretary li .detailBtn:hover { + translate: 0 -5px; +} </style> -- Gitblit v1.9.1