布局修改 部分bug修复

src/component/HomePage/renew.vue

@@ -19,13 +19,12 @@
       <div class="generalModel_closeIcon" @click.stop="cancelDsign()">
         <!-- <i class="fi fi-rr-cross-small"></i> -->
         <svg
-          width="46"
-          height="46"
+          width="100%" height="100%"
           viewBox="0 0 46 46"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3" />
+          <circle cx="23" cy="23" r="23" fill="black" fill-opacity="0.3" />
           <rect
             x="32.5063"
             y="12"
@@ -126,7 +125,7 @@
             :key="item.price"
             @click="setPromotionData(item)"
           >
-            <div class="popular" v-show="item.sellWell">MOST POPULAR</div>
+            <div class="popular" v-show="item.sellWell">{{ $t("Renew.MOSTPOPULAR") }}</div>
             <div class="priceBox">
               <div class="left">
                 <p class="productType">1 {{ item.type.label }}</p>
@@ -303,7 +302,7 @@ export default defineComponent({
           activity: false, //活动打折
           type: {
             value: "Month",
-            label: "Monthly",
+            label: computed(()=>t("Renew.Monthly")),
           },
           PaymentType: "CreditCard",
           promotionData: {
@@ -320,7 +319,7 @@ export default defineComponent({
           typeValue: "year",
           type: {
             value: "Year",
-            label: "Yearly",
+            label: computed(()=>t("Renew.Yearly")),
           },
           PaymentType: "",
           promotionData: {