Forráskód Böngészése

fix: 快捷入口对齐action页原版样式和funcList

liaoxg 1 hónapja
szülő
commit
fa02ab7bf1
1 módosított fájl, 21 hozzáadás és 18 törlés
  1. 21 18
      cfc-frontend/pages/index-home/index.vue

+ 21 - 18
cfc-frontend/pages/index-home/index.vue

@@ -400,10 +400,10 @@ export default {
       showImportModal: false,
       healthAlerts: [],
       funcList: [
-        { icon: '\u{1F3CB}', label: '任务', page: '/pages/tasks/tasks' },
-        { icon: '\u{1F3C0}', label: '活动', page: '/pages/discover/index?type=activity' },
-        { icon: '\u{1F6CD}', label: '商城', page: '/pages/discover/index?type=product' },
-        { icon: '\u{1F3EB}', label: '课程', page: '/pages/discover/index?type=course' }
+        { icon: '\u{1F3CB}', label: '任务', needLogin: true, page: '/pages/tasks/tasks' },
+        { icon: '\u{1F3C0}', label: '活动', needLogin: false, page: '/pages/discover/index?type=activity' },
+        { icon: '\u{1F6CD}', label: '商城', needLogin: false, page: '/pages/discover/index?type=product' },
+        { icon: '\u{1F3EB}', label: '课程', needLogin: false, page: '/pages/discover/index?type=course' }
       ],
       loggedInInitDone: false
     }
@@ -1464,37 +1464,40 @@ export default {
   padding-bottom: 40rpx;
 }
 
+/* ===== 功能入口(原action页样式) ===== */
 .func-section {
-  padding: 30rpx 32rpx;
+  margin: -40rpx 20rpx 0;
+  position: relative;
+  z-index: 2;
 }
 .func-grid {
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 30rpx 16rpx;
   display: flex;
-  flex-wrap: wrap;
-  gap: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
 }
 .func-item {
+  flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 12rpx;
-  width: calc(25% - 15rpx);
-  padding: 24rpx 0;
-  background: #ffffff;
-  border-radius: 16rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+}
+.func-item:active {
+  opacity: 0.7;
 }
 .func-icon-wrap {
-  width: 80rpx;
-  height: 80rpx;
+  width: 88rpx;
+  height: 88rpx;
   border-radius: 50%;
-  background: linear-gradient(135deg, #10B981, #34D399);
+  background: #FFF7ED;
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-bottom: 10rpx;
 }
 .func-icon {
-  font-size: 36rpx;
-  line-height: 1;
+  font-size: 40rpx;
 }
 .func-label {
   font-size: 24rpx;