fix: 今日练习分析ui样式调整

README.md

@@ -1,5 +1,8 @@
 # zd-app-web
 
 
+
 ## 访问url
-  https://luojigou.vip/app_web/learn-plan/#/blue-light-tip
+  https://luojigou.vip/app_web/learn-plan.html#/blue-light-tip
+
+

src/pages/LearnPlan/components/AbleChart.vue

@@ -1,17 +1,13 @@
-
 <template>
   <div class="able-chart" >
     <div class="title" >{{props.title}}</div>
     <div class="able" >
-      <div class="able-item" v-for="(item) in 6" :key="item" >
-        <img
-          :src=" item > props.count ?  staticImg.ableGrey : staticImg.able" alt=""
-        >
-      </div>
+      <div :class="['able-item', item <= props.count ? 'able-item-active' : '']" v-for="(item) in 6" :key="item" > </div>
     </div>
-    <img class="study" v-if="index === 0" :src="require('@/assets/component/LuojigouBoard/study1.png')" />
-    <img class="study" v-if="index === 1" :src="require('@/assets/component/LuojigouBoard/study2.png')" />
-    <img class="study" v-if="index === 2" :src="require('@/assets/component/LuojigouBoard/study3.png')" />
+    <!-- <img  :src=" item > props.count ?  staticImg.ableGrey : staticImg.able" alt="" > -->
+    <!-- <img class="study" v-if="index === 0" :src="require('@/assets/component/LuojigouBoard/study1.png')" /> -->
+    <!-- <img class="study" v-if="index === 1" :src="require('@/assets/component/LuojigouBoard/study2.png')" /> -->
+    <!-- <img class="study" v-if="index === 2" :src="require('@/assets/component/LuojigouBoard/study3.png')" /> -->
   </div>
 </template>
 
@@ -35,22 +31,24 @@ const props = defineProps<IProps>()
 <style scoped lang="scss" >
 .able-chart {
   width: 303px;
-  height: 64px;
+  height: 46px;
   background: #FDF8F5;
   border-radius: 10px;
-  padding: 0 16px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
-  background: url('~@/assets/component/LuojigouBoard/rect.png') no-repeat top left;
+  align-items: center;
+  // background: url('~@/assets/component/LuojigouBoard/rect.png') no-repeat top left;
   position: relative;
   background-size: 100%;
-  padding-top: 30px;
+  padding-left: 16px;
+  padding-right: 16px;
   .title {
     font-size: 14px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     color: #FF8024;
+    font-size: 14px;
   }
   .study {
     position: absolute;
@@ -60,16 +58,27 @@ const props = defineProps<IProps>()
     height: 14px;
   }
   .able {
-    display: flex;
     display: flex;
     .able-item {
-      margin-left: 5px;
-      img {
-        width: 20px;
-        height: 20px;
-        display: block;
-      }
+      margin-left: 2px;
+      width: 32px;
+      height: 12px;
+      background: #FF8024;
+      border-radius: 2px 2px 2px 2px;
+      opacity: 0.2;
     }
+    .able-item-active {
+      opacity: 1;
+      background: linear-gradient(180deg, #FFB27B 0%, #FF8024 100%);
+    }
+  }
+  .able-item:first-child {
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
+  }
+  .able-item:last-child {
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
   }
 }
 </style>

src/pages/LearnPlan/main.ts

@@ -8,6 +8,6 @@ import VConsole from 'vconsole'
 import '@/utils/vant'
 // import store from './store'
 
-new VConsole()
+// new VConsole()
 
 createApp(App).use(router).use(Pinia.createPinia()).mount('#LearnPlan')

src/pages/LearnPlan/views/LearnReport/index.vue

@@ -189,7 +189,6 @@ import { useAppRouter, useAppFunc } from '@/hook/appHook'
 import { Overlay, ActionSheet } from 'vant'
 import OpenApp from '@/components/OpenApp/index.vue'
 import { registerWxopenButton } from '@/utils/utils'
-import f from 'flicker-vue-hooks'