样式调整

src/components/garden-card/garden-card.vue

@@ -184,7 +184,7 @@ export default {
         &-content-false {
             display: flex;
             flex-direction: column;
-            width: 480rpx;
+            width: 388rpx;
             font-size: 28rpx;
             font-family: PingFangSC-Regular, PingFang SC;
             font-weight: 400;
@@ -206,22 +206,19 @@ export default {
         &-content-true {
             display: flex;
             flex-direction: column;
-            width: 480rpx;
+            width: 388rpx;
             font-size: 28rpx;
             font-family: PingFangSC-Regular, PingFang SC;
             font-weight: 400;
             color: #42516C;
             line-height: 42rpx;
             .garden-product-content-item {
-                margin-bottom: 24rpx;
+                margin-bottom: 16rpx;
+                width: 388rpx;
             }
             .garden-product-content-item:first-child {
                 display: block;
                 width: 388rpx;
-                height: 42rpx;
-                overflow: hidden;    
-                text-overflow:ellipsis;    
-                white-space: nowrap; 
             }
             .garden-product-content-item:last-child {
                 margin-bottom: 0;

src/pages/audit/card.vue

@@ -47,7 +47,7 @@
                 <image :src="closeBtnImg" class="closeBtn" @click="show = false"></image>
                 <h1 class="title">使用产品</h1>
                 <view class="course" v-for="i in item.courseNames" :key="i.catId">
-                    <view class="courseName"><view class="circle"></view>{{ i.catName }}</view>
+                    <view class="courseName"><image class="circle" src="@/static/image/circle.png"></image>{{ i.catName }}</view>
                 </view>
                 <button class="confirmBtn" @click="show = false">确定</button>
             </view>
@@ -233,7 +233,8 @@ export default {
         margin-bottom: 40rpx;
         
         .courseName {
-            display: flex;
+            position: relative;
+            padding-left: 30rpx;
             width: 480rpx;
             min-height: 44rpx;
             font-size: 32rpx;
@@ -243,11 +244,13 @@ export default {
             line-height: 44rpx;
             overflow: hidden;
             .circle {
-                margin-top: 16rpx;
+                position: absolute;
+                display: block;
+                top: 16rpx;
+                left: 0;
                 width: 16rpx;
                 height: 16rpx;
-                border-radius: 8rpx;
-                background: #65BFFF;
+                object-fit: cover;
             }
         }
     }