kkc-shop
/
kkc-go


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <link rel="stylesheet" href="../assets/css/index.css">
    <link rel="stylesheet" href="../assets/css/detail.css">
</head>
<body>
<div class="navigation-bar">
    <div class="nav-body">
        <!--      <router-link to="/" class="nav-logo">-->
        <div class="nav-logo">
            <img src="../assets/image/logo.png" alt="logo" onclick="JumpRouter('/','')"/>
        </div>
        <!--      </router-link>-->
        <div class="nav-search">
            <form action="/search" target="_blank">
                <div class="nav-search-div">
                    <input class="search-input" type="text" name="key" placeholder="搜索商品名称"/>
                </div>
                <!--          点击-->
                <div class="search-btn">
                    <div class="search-btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-6fbb019e="">
                            <path fill="currentColor"
                                  d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path>
                        </svg>
                    </div>
                </div>
            </form>
        </div>
        <div class="nav-user">

            <!--                todo 头像处理-->
            <div class="nav-user-icon" @click="openView()">
                <div class="nav-user-icon-bg">
                    <el-icon size="24">
                        <User/>
                    </el-icon>
                    <img :src="userInfo.avatar" v-else alt="6"/>
                </div>
                <span>{1{ isLogin ? userInfo.name : "登录" }1}</span>
            </div>

            <div class="login-body" style="display: none">
                <div class="login-center" style="display: none">
                    <div class="login-content">
                        <div class="login-image" :style="loginImageStyle"></div>
                        <form>
                            <div class="login-from">
                                <div class="login-select">
                                    <div class=" login-select-item "
                                         :class="selectType=='phone'?'select-item':''"
                                         @click="setType('phone')">
                                        <span>手机号登录</span>
                                    </div>
                                    <div class=" login-select-item "
                                         :class="selectType=='email'?'select-item':''"
                                         @click="setType('email')">
                                        <span>邮箱登录</span>
                                    </div>
                                    <div class=" login-select-item "
                                         :class="selectType=='wx'?'select-item':''"
                                         @click="setType('wx')">
                                        <span>微信扫码登录</span>
                                    </div>
                                    <!--特效白条-->
                                    <div class="select-item2" :style="getSelectTypeStyle()"></div>
                                </div>

                                <div class="login-type-phone" v-show="selectType=='phone'||selectType=='email'">
                                    <div class="login-phone">

                                        <div class="login-phone-input">
                                            <input name="username" v-model="username"
                                                   autocomplete="off"
                                                   :placeholder="selectType=='phone'?'手机号码':'邮箱'"/>
                                        </div>
                                    </div>
                                    <div class="login-phone-code" v-if="selectType=='phone'">
                                        <div class="login-phone-code-input">
                                            <input name="username" v-model="password"
                                                   autocomplete="off"
                                                   placeholder="验证码"/>
                                        </div>
                                        <div class="login-phone-code-btn" @click="getCode()">
                                            {1{ awaitCode > 0 ? awaitCode + 's' : '发送验证码' }1}
                                        </div>
                                    </div>

                                    <div class="login-email" v-if="selectType=='email'">
                                        <div class="login-email-input">
                                            <input name="username" v-model="password"
                                                   autocomplete="off"
                                                   type="password"
                                                   placeholder="密码"/>
                                        </div>
                                    </div>

                                    <div class="login-btn" @click="login()">
                                        <div class="login-btn-div">登录</div>
                                    </div>
                                </div>

                                <div class="login-type-wx" v-show="selectType=='wx'">
                                    <div class="login-wx-refresh" @click="refreshWxCode()">
                                        <div class="login-wx-refresh-icon"
                                             style="transform: translateY(15%)">
                                            <el-icon size="25" :class="refreshWxCodeState?'is-loading':''">
                                                <refresh/>
                                            </el-icon>
                                        </div>
                                        <div class="login-wx-refresh-text">
                                            <span style="line-height: 25px">刷新二维码</span>
                                        </div>
                                    </div>
                                    <div class="login-wx-tip">
                                        <span>微信登录</span>
                                    </div>
                                    <div class="login-wx-image"></div>
                                    <div class="login-wx-tip">
                                        <span>请使用微信扫码登录</span>
                                    </div>
                                </div>
                                <span class="login-register-btn"
                                      v-if="selectType!=='wx'"
                                      @click="setShowRegister('register')">注册</span>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="register-center" style="display: none">
                    <div class="register-content">
                        <form>
                            <div class="register-content-title">
                                注册
                            </div>
                            <div class="register-content-input">
                                <k-k-c-input name="username" @binding="setUsername" :text="username"
                                             placeholder="请输入邮箱" type="text"/>
                            </div>
                            <div class="register-content-input">
                                <k-k-c-input name="password" @binding="setPassword" :text="password"
                                             type="password" placeholder="请输入密码"/>
                            </div>
                            <div class="register-content-input">
                                <k-k-c-input name="username" @binding="setRequirePassword" :text="requirePassword"
                                             type="password" placeholder="请输入密码"/>
                            </div>
                            <div class="register-content-input">
                                <k-k-c-input name="username" @binding="setPhone" :text="phone"
                                             placeholder="请输入手机号" type="text"/>
                            </div>
                            <div class="register-content-code">
                                <div class="register-content-code-input">
                                    <k-k-c-input name="username" @binding="setCode" :text="code"
                                                 placeholder="请输入手机号" type="text"/>
                                </div>
                                <div class="register-content-code-btn" @click="sendCode()">
                                    {1{ awaitCode > 0 ? awaitCode + 's' : '发送验证码' }1}
                                </div>
                            </div>
                            <div class="register-content-submit" @click="register()">
                                注册
                            </div>
                        </form>
                    </div>
                </div>
                <div class="login-body-shield" @click="showViewType=''"></div>
            </div>
        </div>
    </div>
</div>
<div class="detail" v-if="detailInfo !== null">
    <!--    路由地址栏-->
    <RouterJumpBar v-model:nowRouterName="detailInfo.sku.skuName"/>
    <div class="goods-show">
        <div class="goods-show-info">
            <div class="goods-show-body">
                <div class="goods-show-img">
                    <!--            <img src="../assets/goods-img.jpg" alt="" width="180" height="240"/>-->
                    <img src="{{.sku.skuImage}}" alt="" width="180" height="240"/>
                </div>
                <div class="goods-show-text">
                    <div class="goods-show-title">
                        {{ .goods.goodsName }}
                    </div>
                    <div class="goods-show-advantages">
                        {{range $tag := .tags}}
                        {{if $tag}}
                        <div class="goods-show-advantage goods-show-advantage-icon">
                            <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>
                        </div>
                    </div>

                    <div class="goods-show-count">
                        <div class="goods-show-price-text">
                            <span>近30天销量：</span>
                            <span>{{ .goods.salesVolume }}</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="goods-info">
                <div class="info-left">

                    {{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>
                        </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 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>
                                <div class="irpc-count-button-add" @click="purchaseQuantityAdd()">+</div>
                            </div>
                        </div>
                        <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>
                                    <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>
                                    <div class="price-value">{1{ detailInfo.sku.price * purchaseQuantity }}</div>
                                </div>
                            </div>
                            <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>
                    <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>
                            </template>
                        </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>

                    <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 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="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 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 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>
                </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>
                </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="filing">
                <div class="filing-body">xxx省xxx市xxx区666号xxx公司</div>
            </div>

        </div>
</body>
</html>