修改样式

src/components/select-courseware-member/index.tsx

@@ -35,7 +35,8 @@ export default defineComponent({
           <div class={styles.list} id="list">
             {/* 该功能为乐器AI专属权益，领取即可<span>查看所有课件</span>
             ，是否立即领取 */}
-            暂未开通<span>"乐器AI学练工具"</span>，开通后方可使用
+            <span style={{ color: '#FF5A56' }}>"乐器AI学练工具"</span>
+            服务，解锁更多专属权益，享受全新学习体验！
           </div>
           <div class={styles.btnGroup}>
             <img

src/components/the-vip/index.tsx

@@ -18,10 +18,8 @@ export default defineComponent({
         />
         <img class={styles.title} src={icon_title} />
         <div class={styles.content}>
-          {/* 您还未领取<span style={{ color: '#FF5A56' }}>“乐器AI学练工具”</span>
-          哦，如需继续使用，请领取～ */}
-          暂未开通<span style={{ color: '#FF5A56' }}>"乐器AI学练工具"</span>
-          ，开通后方可使用
+          <span style={{ color: '#FF5A56' }}>"乐器AI学练工具"</span>
+          服务，解锁更多专属权益，享受全新学习体验！
         </div>
         <div class={styles.btns}>
           <img

src/views/co-ai/index.module.less

@@ -54,9 +54,10 @@
       // align-items: center;
       // padding: 0;
       // width: 100%;
-      // height: 36px;
+      height: 36px;
       // color: #999;
       // font-size: 13px;
+      padding: 0 12px;
     }
 
     .van-popover__content {
@@ -64,6 +65,17 @@
       overflow-x: hidden;
       overflow-y: auto;
     }
+
+    // var(--van-padding-md)
+    .van-popover__action-text {
+      display: block;
+      width: 136px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-align: center;
+      line-height: 36px;
+    }
   }
 }