seo页面2

file/static/detail.html

@@ -175,7 +175,6 @@
 <div class="detail" v-if="detailInfo !== null">
     <!--    路由地址栏-->
     <RouterJumpBar v-model:nowRouterName="detailInfo.sku.skuName"/>
-    {{.goods}}
     <div class="goods-show">
         <div class="goods-show-info">
             <div class="goods-show-body">
@@ -189,333 +188,347 @@
                     </div>
                     <div class="goods-show-advantages">
                         {{range $tag := .tags}}
-                        {{if ne $tag nil and ne $tag.tag ""}}
+                        {{if $tag}}
                         <div class="goods-show-advantage goods-show-advantage-icon">
-                        {{else}}
-                        <div class="goods-show-advantage goods-show-advantage-not-icon">
-                        {{end}}
-                                <img :src="item.iconUrl" v-if="item.iconUrl!=null&&item.iconUrl!==''">
-                                <div class="goods-show-tag">
-                                    <div class="goods-show-name">
-                                        {1{ item.name }}
-                                    </div>
-                                    <div class="goods-show-desc">
-                                        {1{ item.tag }}
+                            <img src="{{$tag.iconUrl}}">
+                            {{else if eq $tag ""}}
+                            <div class="goods-show-advantage goods-show-advantage-icon">
+                                <img src="{{$tag.iconUrl}}">
+                                {{else}}
+                                <div class="goods-show-advantage goods-show-advantage-not-icon">
+                                    {{end}}
+                                    <div class="goods-show-tag">
+                                        <div class="goods-show-name">
+                                            {{ $tag.name }}
+                                        </div>
+                                        <div class="goods-show-desc">
+                                            {{ $tag.tag }}
+                                        </div>
                                     </div>
                                 </div>
+                                <!--                        </template>-->
+                                {{end}}
+                            </div>
+                            <div class="goods-show-des">
                             </div>
-                            <!--                        </template>-->
-                            {{end}}
-                        </div>
-                        <div class="goods-show-des">
                         </div>
                     </div>
-                </div>
 
-                <div class="goods-show-count">
-                    <div class="goods-show-price-text">
-                        <span>近30天销量：</span>
-                        <span>{1{ detailInfo.goods.salesVolume }}</span>
+                    <div class="goods-show-count">
+                        <div class="goods-show-price-text">
+                            <span>近30天销量：</span>
+                            <span>{{ .goods.salesVolume }}</span>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
 
-        <div class="goods-info">
-            <div class="info-left">
-                <div class="info-left-select-btns">
-                    <div class="info-left-select-btn"
-                         @click="selectCommodityArea(item.id)"
-                         :style="detailInfo.sku.commodityAreaId===item.id?{backgroundColor:'#c7c7c7'}:{}"
-                         v-for="(item,index) in detailInfo.areas">
-                        <span>{1{ item.commodityAreaName }} {1{ item.id }}</span>
-                    </div>
-                </div>
+            <div class="goods-info">
+                <div class="info-left">
 
-                <div class="info-left-select-param">
-                    <template v-for="(item,index) in selectorDatas">
-                        <div class="info-left-select-param-btn" @click="selectSku(item.id)">
-                            <div class="ilspb-selector">
-                                <el-icon v-if="detailInfo.sku.id==item.id" size="15" color="#dddddd">
-                                    <Select/>
-                                </el-icon>
+                    {{if .areas}}
+                    <div class="info-left-select-btns">
+                        {{range $area := .areas}}
+                        {{if eq .sku.commodityAreaId $area.id}}
+                        <div class="info-left-select-btn"
+                             @click="selectCommodityArea(item.id)"
+                             style="background-Color:#c7c7c7">
+                            <span>{{ $area.commodityAreaName }} {{ $area.id }}</span>
+                        </div>
+                        {{else}}
+                        <div class="info-left-select-btn"
+                             @click="selectCommodityArea(item.id)">
+                            <span>{{ $area.commodityAreaName }} {{ $area.id}}</span>
+                        </div>
+                        {{end}}
+                        {{end}}
+
+                    </div>
+                    {{end}}
+                    <div class="info-left-select-param">
+                        <template v-for="(item,index) in selectorDatas">
+                            <div class="info-left-select-param-btn" @click="selectSku(item.id)">
+                                <div class="ilspb-selector">
+                                    <el-icon v-if="detailInfo.sku.id==item.id" size="15" color="#dddddd">
+                                        <Select/>
+                                    </el-icon>
+                                </div>
+                                <span>{1{ item.skuName }}</span>
+                                <div class="ilspb-tag" :style="getTargetMarginLeft(item.price.toString())"
+                                     v-if="item.price">
+                                    ￥{1{ item.price }}
+                                </div>
                             </div>
-                            <span>{1{ item.skuName }}</span>
-                            <div class="ilspb-tag" :style="getTargetMarginLeft(item.price.toString())"
-                                 v-if="item.price">
-                                ￥{1{ item.price }}
+                        </template>
+                    </div>
+
+                    <div class="info-left-des">
+                        <div class="des-tags">
+                            <div class="des-tag" :class="selectArticleType==0?'des-select-tag':''"
+                                 @click="selectArticleType=0">
+                                商品介绍
                             </div>
+                            <!--            <div class="des-tag" :class="selectArticleType==1?'des-select-tag':''" @click="selectArticleType=1">-->
+                            <!--              常见问题-->
+                            <!--            </div>-->
                         </div>
-                    </template>
-                </div>
+                        <template v-if="detailInfo.introductions.length>0" v-show="selectArticleType==0">
+                            <!--            v-if="detailInfo.introducti ons[0].id=detailInfo.sku.commodityAreaId"-->
+                            <div class="info-introduction"
+                                 v-show="selectArticleType==0" v-html="detailInfo.introductions[0].goodsArticle">
+                            </div>
+                        </template>
 
-                <div class="info-left-des">
-                    <div class="des-tags">
-                        <div class="des-tag" :class="selectArticleType==0?'des-select-tag':''"
-                             @click="selectArticleType=0">
-                            商品介绍
-                        </div>
-                        <!--            <div class="des-tag" :class="selectArticleType==1?'des-select-tag':''" @click="selectArticleType=1">-->
-                        <!--              常见问题-->
-                        <!--            </div>-->
+                        <div class="info-question" v-show="selectArticleType==1"></div>
                     </div>
-                    <template v-if="detailInfo.introductions.length>0" v-show="selectArticleType==0">
-                        <!--            v-if="detailInfo.introducti ons[0].id=detailInfo.sku.commodityAreaId"-->
-                        <div class="info-introduction"
-                             v-show="selectArticleType==0" v-html="detailInfo.introductions[0].goodsArticle">
-                        </div>
-                    </template>
 
-                    <div class="info-question" v-show="selectArticleType==1"></div>
                 </div>
-
-            </div>
-            <div class="info-right">
-                <div class="info-right-price-calc">
-                    <div class="info-right-purchase-count">
-                        <!--  购买数量 -->
-                        <div class="irpc-font">购买数量</div>
-                        <!--          数量按钮-->
-                        <div class="irpc-count-button">
-                            <div class="irpc-count-button-minus" @click="purchaseQuantityMinus()">-</div>
-                            <div class="irpc-count-button-input">
-                                <input v-model="purchaseQuantity"
-                                       @input="checkPurchaseQuantity"/>
+                <div class="info-right">
+                    <div class="info-right-price-calc">
+                        <div class="info-right-purchase-count">
+                            <!--  购买数量 -->
+                            <div class="irpc-font">购买数量</div>
+                            <!--          数量按钮-->
+                            <div class="irpc-count-button">
+                                <div class="irpc-count-button-minus" @click="purchaseQuantityMinus()">-</div>
+                                <div class="irpc-count-button-input">
+                                    <input v-model="purchaseQuantity"
+                                           @input="checkPurchaseQuantity"/>
+                                </div>
+                                <div class="irpc-count-button-add" @click="purchaseQuantityAdd()">+</div>
                             </div>
-                            <div class="irpc-count-button-add" @click="purchaseQuantityAdd()">+</div>
                         </div>
-                    </div>
-                    <div class="info-right-total-purchase-price">
+                        <div class="info-right-total-purchase-price">
 
-                        <div class="price">
-                            <div class="price-name" style="font-size: 20px;color: #333333">单价</div>
-                            <div class="price-number">
-                                <div class="price-original"
-                                     v-if="detailInfo.sku.historicalPrices>=detailInfo.sku.price">
-                                    {1{ detailInfo.sku.historicalPrices }}
+                            <div class="price">
+                                <div class="price-name" style="font-size: 20px;color: #333333">单价</div>
+                                <div class="price-number">
+                                    <div class="price-original"
+                                         v-if="detailInfo.sku.historicalPrices>=detailInfo.sku.price">
+                                        {1{ detailInfo.sku.historicalPrices }}
+                                    </div>
+                                    <div class="price-value" style="font-size: 20px">{1{ detailInfo.sku.price }}</div>
                                 </div>
-                                <div class="price-value" style="font-size: 20px">{1{ detailInfo.sku.price }}</div>
                             </div>
-                        </div>
-                        <div class="price">
-                            <div class="price-name">总价</div>
-                            <div class="price-number">
-                                <div class="price-original"
-                                     v-if="detailInfo.sku.historicalPrices>=detailInfo.sku.price">
-                                    {1{ detailInfo.sku.historicalPrices * purchaseQuantity }}
+                            <div class="price">
+                                <div class="price-name">总价</div>
+                                <div class="price-number">
+                                    <div class="price-original"
+                                         v-if="detailInfo.sku.historicalPrices>=detailInfo.sku.price">
+                                        {1{ detailInfo.sku.historicalPrices * purchaseQuantity }}
+                                    </div>
+                                    <div class="price-value">{1{ detailInfo.sku.price * purchaseQuantity }}</div>
                                 </div>
-                                <div class="price-value">{1{ detailInfo.sku.price * purchaseQuantity }}</div>
                             </div>
-                        </div>
-                        <div class="purchase-button">
-                            <div class="purchase-button-btn" @click="SubmitOrder()">
-                                立即购买
+                            <div class="purchase-button">
+                                <div class="purchase-button-btn" @click="SubmitOrder()">
+                                    立即购买
+                                </div>
                             </div>
                         </div>
+                        <order-by-view :count="purchaseQuantity" :now-sku="detailInfo.sku"
+                                       :goods-name="detailInfo.goods.goodsName"
+                                       @closeView="closeOrderBuyView" v-model:ShowView="showOrderBuyView"
+                                       v-if="showOrderBuyView"/>
                     </div>
-                    <order-by-view :count="purchaseQuantity" :now-sku="detailInfo.sku"
-                                   :goods-name="detailInfo.goods.goodsName"
-                                   @closeView="closeOrderBuyView" v-model:ShowView="showOrderBuyView"
-                                   v-if="showOrderBuyView"/>
-                </div>
-                <div class="info-recommend">
-                    <div class="info-recommend-title">
-                        相关推荐
-                    </div>
-                    <div class="info-recommend-items">
-                        <template v-for="item in detailInfo.recommendedGoods">
-                            <div class="info-recommend-item" @click="SelectRecommended(item.id)">
-                                <div class="recommend-item-img">
-                                    <img :src="item.skuImage" alt="图片"/>
-                                </div>
-                                <div class="recommend-item-name">
-                                    {1{ item.skuName }} {1{ item.id }}
+                    <div class="info-recommend">
+                        <div class="info-recommend-title">
+                            相关推荐
+                        </div>
+                        <div class="info-recommend-items">
+                            <template v-for="item in detailInfo.recommendedGoods">
+                                <div class="info-recommend-item" @click="SelectRecommended(item.id)">
+                                    <div class="recommend-item-img">
+                                        <img :src="item.skuImage" alt="图片"/>
+                                    </div>
+                                    <div class="recommend-item-name">
+                                        {1{ item.skuName }} {1{ item.id }}
+                                    </div>
                                 </div>
-                            </div>
-                        </template>
+                            </template>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <div class="bottom-bar">
-        <!--    合作伙伴-->
-        <div class="partners">
-            <div class="partners-line">
-                <ul>
-                    <li>
-                        <img style="transform: rotate(180deg);"
-                             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
-                    </li>
-                    <!--          <li v-for="index in 9"><div><img src="../assets/steam-partners.png" alt=""></div></li>-->
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-steam.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-google.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-tencent.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-microsoft.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-garena.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-ea.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-riot.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-pubg.png" alt=""></div>
-                    </li>
-                    <li>
-                        <div><img src="../assets/image/footer/footer-slider-ubisoft.png" alt=""></div>
-                    </li>
-                    <li>
-                        <img
-                                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
-                    </li>
-                </ul>
-            </div>
-
-            <!--      服务支持-->
-            <div class="partners-service-guarantee">
-                <div class="service-guarantee">
-                    <div class="sg-icon" style="background: rgb(225, 222, 250);">
-                        <img
-                                class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
-                                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA1hJREFUWEftl0FO21AQhv+ZOBWtVDXLgE1wd1BQ+wLquuYE0BM0nKBwg9yg9AZwgnKDuPsWLBVaujOJTdg1Wwj2VM9JIIQ4iVMhNn1ZxFLezHz+Z97MC+GRF/1LfKu46AhRLWz+mtrP1IYa3CquOGCpBecnU/sZa2jbqqCD+b7XGlRrHIBdVLZ/4fmjVB4LUJp7XQXxBuexPggxKgWmuawYRi3G5U4Ynu6lQYwFsAt24frZc5cpJ4MQlrXiSBTdqwEdPEf5mgid5fLiDFOvBzQWQG/UaYjacAkknJcbJSxLOYiuakHz540f01SKITWAxwbXvicCuIUQl8A3EBqsfdmuhM2TXb1HBzfYqEGiMzJGv3kmBXqbO0qQVmKvHh4mQftXyVS7ROyQEY+Uvd9mYgUGg9nmWxVTtAHEYAP7vj+62qcuwjTDeauslVAQaQGyEBPWg8Bzsza2oQqYs8vbnHuyAZGOP+psY1DrLDh8r581gP5uBEdO51lajcDb7KRJvoAY+qMVihM/AjB9bjS8g7EpmJ9b2iR+qrTx7WLto9XLfT9AyVqtxnLlBOGxk3TIuVdV5pl7YjBi1x9Qaeoa6KQArXpwtDkIkCUNUwOUzFUfhL16cFgtWaoqAqcReokCWdZUAPNzy3tExuZVdKkuLk79TrvOfQDR3ZYr5NfD7/ujgFIBdDslkY1+4xiRx8LbxHkHiLYa4UkSUNcM88x2r2J06ekeJ8A7SOzVQ6+c+RiWrPIBBEoIyTQjQInICyD6KpFUg4vjsUfONpWKiY5EZKsRekMHUqoCC1bZFZCrc9w7diTk1cPD7Sw5XrBWXUHs1gMv8TO4sgFAUh2lQS1YayIiO8Nad1fZ4aZDFcgIoJuSXBt/CFj3g29DU/agCuj7AiNf42t5mXYzyghwWxOT1EHS0pk/NcIfqXFSf+gOm7tF2FeUkwBY5vIuYqigeZLaoB4WYHbR1cc4PD+tZO4D9xQwlR6/fj08SnU2GMSaXWoJ4mrY/H3v8tLbm6pAyVo7gMgbIfH1WCaCAqgAiSpxJD7QTs0CMRcEqBAZ6+3oKmnXmRUoFhdtg7n7tt0mK6T/I3xMbpJ6xHfvCYlzPfN7ryPJz2eUk0oQnI7smFMNo0kKcNI9/wEeXYG/2/HLMDfFEZMAAAAASUVORK5CYII="
-                                draggable="false">
-                    </div>
-                    <div class="sg-info">
-                        <div>自动发货</div>
-                        <div>提供最快发货</div>
-                    </div>
+        <div class="bottom-bar">
+            <!--    合作伙伴-->
+            <div class="partners">
+                <div class="partners-line">
+                    <ul>
+                        <li>
+                            <img style="transform: rotate(180deg);"
+                                 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
+                        </li>
+                        <!--          <li v-for="index in 9"><div><img src="../assets/steam-partners.png" alt=""></div></li>-->
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-steam.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-google.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-tencent.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-microsoft.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-garena.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-ea.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-riot.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-pubg.png" alt=""></div>
+                        </li>
+                        <li>
+                            <div><img src="../assets/image/footer/footer-slider-ubisoft.png" alt=""></div>
+                        </li>
+                        <li>
+                            <img
+                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
+                        </li>
+                    </ul>
                 </div>
 
-                <div class="service-guarantee">
-                    <div class="sg-icon" style="background: rgb(234, 217, 247);">
-                        <img
-                                class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
-                                src="../assets/image/footer/footer-promise-2.png"
-                                draggable="false">
-                    </div>
-                    <div class="sg-info">
-                        <div>正版保障</div>
-                        <div>官方正版采购,安全保障</div>
+                <!--      服务支持-->
+                <div class="partners-service-guarantee">
+                    <div class="service-guarantee">
+                        <div class="sg-icon" style="background: rgb(225, 222, 250);">
+                            <img
+                                    class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
+                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA1hJREFUWEftl0FO21AQhv+ZOBWtVDXLgE1wd1BQ+wLquuYE0BM0nKBwg9yg9AZwgnKDuPsWLBVaujOJTdg1Wwj2VM9JIIQ4iVMhNn1ZxFLezHz+Z97MC+GRF/1LfKu46AhRLWz+mtrP1IYa3CquOGCpBecnU/sZa2jbqqCD+b7XGlRrHIBdVLZ/4fmjVB4LUJp7XQXxBuexPggxKgWmuawYRi3G5U4Ynu6lQYwFsAt24frZc5cpJ4MQlrXiSBTdqwEdPEf5mgid5fLiDFOvBzQWQG/UaYjacAkknJcbJSxLOYiuakHz540f01SKITWAxwbXvicCuIUQl8A3EBqsfdmuhM2TXb1HBzfYqEGiMzJGv3kmBXqbO0qQVmKvHh4mQftXyVS7ROyQEY+Uvd9mYgUGg9nmWxVTtAHEYAP7vj+62qcuwjTDeauslVAQaQGyEBPWg8Bzsza2oQqYs8vbnHuyAZGOP+psY1DrLDh8r581gP5uBEdO51lajcDb7KRJvoAY+qMVihM/AjB9bjS8g7EpmJ9b2iR+qrTx7WLto9XLfT9AyVqtxnLlBOGxk3TIuVdV5pl7YjBi1x9Qaeoa6KQArXpwtDkIkCUNUwOUzFUfhL16cFgtWaoqAqcReokCWdZUAPNzy3tExuZVdKkuLk79TrvOfQDR3ZYr5NfD7/ujgFIBdDslkY1+4xiRx8LbxHkHiLYa4UkSUNcM88x2r2J06ekeJ8A7SOzVQ6+c+RiWrPIBBEoIyTQjQInICyD6KpFUg4vjsUfONpWKiY5EZKsRekMHUqoCC1bZFZCrc9w7diTk1cPD7Sw5XrBWXUHs1gMv8TO4sgFAUh2lQS1YayIiO8Nad1fZ4aZDFcgIoJuSXBt/CFj3g29DU/agCuj7AiNf42t5mXYzyghwWxOT1EHS0pk/NcIfqXFSf+gOm7tF2FeUkwBY5vIuYqigeZLaoB4WYHbR1cc4PD+tZO4D9xQwlR6/fj08SnU2GMSaXWoJ4mrY/H3v8tLbm6pAyVo7gMgbIfH1WCaCAqgAiSpxJD7QTs0CMRcEqBAZ6+3oKmnXmRUoFhdtg7n7tt0mK6T/I3xMbpJ6xHfvCYlzPfN7ryPJz2eUk0oQnI7smFMNo0kKcNI9/wEeXYG/2/HLMDfFEZMAAAAASUVORK5CYII="
+                                    draggable="false">
+                        </div>
+                        <div class="sg-info">
+                            <div>自动发货</div>
+                            <div>提供最快发货</div>
+                        </div>
                     </div>
-                </div>
 
-                <div class="service-guarantee">
-                    <div class="sg-icon" style="background: rgb(245, 221, 231);">
-                        <img
-                                class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
-                                src="../assets/image/footer/footer-promise-3.png"
-                                draggable="false">
-                    </div>
-                    <div class="sg-info">
-                        <div>客户服务</div>
-                        <div>提供专业的客服咨询</div>
+                    <div class="service-guarantee">
+                        <div class="sg-icon" style="background: rgb(234, 217, 247);">
+                            <img
+                                    class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
+                                    src="../assets/image/footer/footer-promise-2.png"
+                                    draggable="false">
+                        </div>
+                        <div class="sg-info">
+                            <div>正版保障</div>
+                            <div>官方正版采购,安全保障</div>
+                        </div>
                     </div>
-                </div>
 
-                <div class="service-guarantee">
-                    <div class="sg-icon" style="background: rgb(226, 235, 230);">
-                        <img
-                                class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
-                                src="../assets/image/footer/footer-promise-4.png"
-                                draggable="false">
+                    <div class="service-guarantee">
+                        <div class="sg-icon" style="background: rgb(245, 221, 231);">
+                            <img
+                                    class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
+                                    src="../assets/image/footer/footer-promise-3.png"
+                                    draggable="false">
+                        </div>
+                        <div class="sg-info">
+                            <div>客户服务</div>
+                            <div>提供专业的客服咨询</div>
+                        </div>
                     </div>
-                    <div class="sg-info">
-                        <div>100%满意度</div>
-                        <div>给予您满意的购物体验</div>
+
+                    <div class="service-guarantee">
+                        <div class="sg-icon" style="background: rgb(226, 235, 230);">
+                            <img
+                                    class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
+                                    src="../assets/image/footer/footer-promise-4.png"
+                                    draggable="false">
+                        </div>
+                        <div class="sg-info">
+                            <div>100%满意度</div>
+                            <div>给予您满意的购物体验</div>
+                        </div>
                     </div>
-                </div>
 
 
+                </div>
             </div>
-        </div>
 
-        <div class="bottom-bar-about">
-            <div class="bottom-bar-about-left">
-                <div class="about-contact about-row">
-                    <div class="about-row-title">联系我们</div>
-                    <div class="about-row-item">平日 9:30 - 24:00</div>
-                    <div class="about-row-item">周末 9:30 - 24:00</div>
-                    <div class="about-row-imgs">
-                        <img src="../assets/image/footer/footer-about-1.png"/>
-                        <img src="../assets/image/footer/footer-about-2.png"/>
-                        <img src="../assets/image/footer/footer-about-3.png"/>
-                        <img src="../assets/image/footer/footer-about-4.png"/>
+            <div class="bottom-bar-about">
+                <div class="bottom-bar-about-left">
+                    <div class="about-contact about-row">
+                        <div class="about-row-title">联系我们</div>
+                        <div class="about-row-item">平日 9:30 - 24:00</div>
+                        <div class="about-row-item">周末 9:30 - 24:00</div>
+                        <div class="about-row-imgs">
+                            <img src="../assets/image/footer/footer-about-1.png"/>
+                            <img src="../assets/image/footer/footer-about-2.png"/>
+                            <img src="../assets/image/footer/footer-about-3.png"/>
+                            <img src="../assets/image/footer/footer-about-4.png"/>
+                        </div>
                     </div>
-                </div>
 
-                <div class="about-me about-row">
-                    <div class="about-row-title">关于我们</div>
-                    <div class="about-row-item">关于我们</div>
-                    <div class="about-row-item">联系我们</div>
-                    <div class="about-row-item">条款与条件</div>
-                    <div class="about-row-item">隐私和Cookie</div>
-                </div>
+                    <div class="about-me about-row">
+                        <div class="about-row-title">关于我们</div>
+                        <div class="about-row-item">关于我们</div>
+                        <div class="about-row-item">联系我们</div>
+                        <div class="about-row-item">条款与条件</div>
+                        <div class="about-row-item">隐私和Cookie</div>
+                    </div>
 
-                <div class="about-issue about-row">
-                    <div class="about-row-title">常见问题</div>
-                    <div class="about-row-item">帮助中心</div>
-                    <div class="about-row-item">售后服务</div>
-                    <div class="about-row-item">关于退款</div>
-                    <div class="about-row-item">关于发货</div>
+                    <div class="about-issue about-row">
+                        <div class="about-row-title">常见问题</div>
+                        <div class="about-row-item">帮助中心</div>
+                        <div class="about-row-item">售后服务</div>
+                        <div class="about-row-item">关于退款</div>
+                        <div class="about-row-item">关于发货</div>
+                    </div>
                 </div>
-            </div>
 
-            <div class="bottom-bar-about-right">
-                <div class="about-my-use about-row-title">
-                    我们使用
-                </div>
-                <div class="my-user-images">
-                    <img src="../assets/image/footer/footer-myuse-0.png"/>
-                    <img src="../assets/image/footer/footer-myuse-1.png"/>
-                    <img src="../assets/image/footer/footer-myuse-2.png"/>
-                    <img src="../assets/image/footer/footer-myuse-3.png"/>
-                    <img src="../assets/image/footer/footer-myuse-4.png"/>
-                    <img src="../assets/image/footer/footer-myuse-5.png"/>
-                    <img src="../assets/image/footer/footer-myuse-6.png"/>
-                    <img src="../assets/image/footer/footer-myuse-7.png"/>
-                    <img src="../assets/image/footer/footer-myuse-8.png"/>
-                    <img src="../assets/image/footer/footer-myuse-9.png"/>
-                    <img src="../assets/image/footer/footer-myuse-10.png"/>
-                    <img src="../assets/image/footer/footer-myuse-11.png"/>
-                    <img src="../assets/image/footer/footer-myuse-12.png"/>
-                    <img src="../assets/image/footer/footer-myuse-13.png"/>
-                    <img src="../assets/image/footer/footer-myuse-14.png"/>
-                    <img src="../assets/image/footer/footer-myuse-15.png"/>
+                <div class="bottom-bar-about-right">
+                    <div class="about-my-use about-row-title">
+                        我们使用
+                    </div>
+                    <div class="my-user-images">
+                        <img src="../assets/image/footer/footer-myuse-0.png"/>
+                        <img src="../assets/image/footer/footer-myuse-1.png"/>
+                        <img src="../assets/image/footer/footer-myuse-2.png"/>
+                        <img src="../assets/image/footer/footer-myuse-3.png"/>
+                        <img src="../assets/image/footer/footer-myuse-4.png"/>
+                        <img src="../assets/image/footer/footer-myuse-5.png"/>
+                        <img src="../assets/image/footer/footer-myuse-6.png"/>
+                        <img src="../assets/image/footer/footer-myuse-7.png"/>
+                        <img src="../assets/image/footer/footer-myuse-8.png"/>
+                        <img src="../assets/image/footer/footer-myuse-9.png"/>
+                        <img src="../assets/image/footer/footer-myuse-10.png"/>
+                        <img src="../assets/image/footer/footer-myuse-11.png"/>
+                        <img src="../assets/image/footer/footer-myuse-12.png"/>
+                        <img src="../assets/image/footer/footer-myuse-13.png"/>
+                        <img src="../assets/image/footer/footer-myuse-14.png"/>
+                        <img src="../assets/image/footer/footer-myuse-15.png"/>
 
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="bottom-bar-active">
-            <img src="../assets/image/footer/footer-active-0.png"/>
-            <img src="../assets/image/footer/footer-active-1.png"/>
-            <img src="../assets/image/footer/footer-active-2.png"/>
-            <img src="../assets/image/footer/footer-active-3.png"/>
-            <img src="../assets/image/footer/footer-active-4.png"/>
-        </div>
-        <div class="footer-about-box">
-            <img src="../assets/image/logo.png" width="130" height="35">
-        </div>
-        <div class="footer-about-app">
-            <img src="../assets/image/footer/footer-app-0.png"/>
-            <img src="../assets/image/footer/footer-app-1.png"/>
-        </div>
+            <div class="bottom-bar-active">
+                <img src="../assets/image/footer/footer-active-0.png"/>
+                <img src="../assets/image/footer/footer-active-1.png"/>
+                <img src="../assets/image/footer/footer-active-2.png"/>
+                <img src="../assets/image/footer/footer-active-3.png"/>
+                <img src="../assets/image/footer/footer-active-4.png"/>
+            </div>
+            <div class="footer-about-box">
+                <img src="../assets/image/logo.png" width="130" height="35">
+            </div>
+            <div class="footer-about-app">
+                <img src="../assets/image/footer/footer-app-0.png"/>
+                <img src="../assets/image/footer/footer-app-1.png"/>
+            </div>
 
-        <!--    备案-->
-        <div class="filing">
-            <div class="filing-body">xxx省xxx市xxx区666号xxx公司</div>
-        </div>
+            <!--    备案-->
+            <div class="filing">
+                <div class="filing-body">xxx省xxx市xxx区666号xxx公司</div>
+            </div>
 
-    </div>
+        </div>
 </body>
 </html>