商品详情界面 ar试用按钮外观修改

src/components/Tags/goods-list.vue

@@ -60,9 +60,12 @@
               <div class="goods-button">
                 <span v-if="i.saleChannel == 1" class="tipss">{{$t('common.onlyOffLine')}}</span>
                 <template v-else>
-                  <div @click.stop="viewDetail(i)">{{$t('common.viewDetail')}}</div>
-                  <div @click.stop="addCart(i)">{{$t('common.addCart')}}</div>
-                  <div v-if="i?.skuList?.length" @click.stop="onClickTryUse(i)">{{ $t('common.tryUse') }}</div>
+                  <div class="btn-try-use" v-if="i?.skuList?.length" @click.stop="onClickTryUse(i)">
+                    <img class="icon" src="@/assets/images/icon/AR.png" alt="" draggable="false">
+                    <span>{{ $t('common.tryUse') }}</span>
+                  </div>
+                  <div class="btn-normal" @click.stop="viewDetail(i)">{{$t('common.viewDetail')}}</div>
+                  <div class="btn-normal" @click.stop="addCart(i)">{{$t('common.addCart')}}</div>
                 </template>
               </div>
             </div>
@@ -403,9 +406,27 @@ onMounted(() => {
             justify-content: space-between;
             font-size: 16px;
             padding: 0 20px;
-            gap: 10px;
-
-            > div {
+            >div.btn-try-use{
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              margin-right: 39px;
+              align-items: center;
+              >img{
+                width: 18px;
+                height: 18px;
+                margin-bottom: 4px;
+              }
+              >span{
+                font-size: 9px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #909090;
+                line-height: 13px;
+                white-space: pre;
+              }
+            }
+            > div.btn-normal {
               height: 42px;
               background: #ff8e24;
               border-radius: 4px;