优化会员信息模块及首页组件，清理冗余图片资源

gym-manage-uniapp/components/index/QuickEntry.vue

@@ -1,21 +1,15 @@
 <template>
-  <!-- 快捷入口容器 -->
   <view class="quick-entry">
-    <!-- 快捷入口项 -->
     <view
       v-for="(item, index) in entries"
       :key="index"
       class="entry-item"
 	  @tap="QEClick(item.path)"
     >
-      <!-- 入口图标容器 -->
       <view :class="['entry-icon', { accent: item.accent }]">
-        <!-- 入口图标图片 -->
         <image :src="item.icon" mode="aspectFit" class="icon-img" />
       </view>
-      <!-- 入口标题 -->
       <text class="entry-title">{{ item.title }}</text>
-      <!-- 入口描述 -->
       <text class="entry-desc">{{ item.desc }}</text>
     </view>
   </view>
@@ -28,7 +22,6 @@ const QEClick = path => {
 		url:path
 	})
 }
-// 快捷入口数据列表
 const entries = [
 		{ 
 		  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/icons/course.png',
@@ -66,18 +59,21 @@ const entries = [
 </script>
 
 <style lang="scss" scoped>
-/* 快捷入口容器样式 */
 .quick-entry {
   display: flex;
   justify-content: space-between;
   padding: 32rpx 24rpx;
-  background: #ffffff;
+  background: rgba(255, 255, 255, 0.55);
+  backdrop-filter: blur(24px);
+  -webkit-backdrop-filter: blur(24px);
   margin: 24rpx;
-  border-radius: 24rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  border-radius: 28rpx;
+  box-shadow: 0 8rpx 32rpx rgba(120, 185, 215, 0.18);
+  border: 1rpx solid rgba(255, 255, 255, 0.7);
+  position: relative;
+  z-index: 3;
 }
 
-/* 快捷入口项样式 */
 .entry-item {
   display: flex;
   flex-direction: column;
@@ -85,40 +81,36 @@ const entries = [
   flex: 1;
 }
 
-/* 入口图标容器样式 */
 .entry-icon {
   width: 104rpx;
   height: 104rpx;
-  border-radius: 20rpx;
-  background: #072A4E;
+  border-radius: 24rpx;
+  background: linear-gradient(135deg, #7AB5CC 0%, #9CCFDF 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16rpx;
+  box-shadow: 0 6rpx 20rpx rgba(122, 181, 204, 0.35);
 }
 
-/* 入口图标图片样式 */
 .icon-img {
   width: 52rpx;
   height: 52rpx;
 }
 
-/* 入口图标强调色样式（橙色背景） */
 .entry-icon.accent {
-  background: #FC5A15;
+  background: linear-gradient(135deg, #6BA8C0 0%, #8CC5D5 100%);
 }
 
-/* 入口标题样式 */
 .entry-title {
   font-size: 26rpx;
   font-weight: 600;
-  color: #1a202c;
+  color: #2D4A5A;
   margin-bottom: 4rpx;
 }
 
-/* 入口描述文字样式 */
 .entry-desc {
   font-size: 22rpx;
-  color: #94a3b8;
+  color: #8AABBB;
 }
-</style>
+</style>