<template>
  <view class="sk-container">
    <view class="u-navbar navbar--u-navbar data-v-f631659b navbar--data-v-f631659b">
      <view class="u-navbar__placeholder navbar--u-navbar__placeholder data-v-f631659b navbar--data-v-f631659b" style="height:91px"></view>
      <view class="data-v-f631659b navbar--data-v-f631659b u-navbar--fixed navbar--u-navbar--fixed">
        <view class="u-status-bar status-bar--u-status-bar data-v-eb8e0cdd status-bar--data-v-eb8e0cdd" style="height:47px;background-color:#ffffff;"></view>
        <view class="u-navbar__content navbar--u-navbar__content data-v-f631659b navbar--data-v-f631659b" style="height:44px;background-color:#ffffff">
          <view class="u-navbar__content__left navbar--u-navbar__content__left data-v-f631659b navbar--data-v-f631659b" hover-class="u-navbar__content__left--hover" hover-start-time="150"></view>
          <text class="u-line-1 navbar--u-line-1 u-navbar__content__title navbar--u-navbar__content__title data-v-f631659b navbar--data-v-f631659b sk-transparent sk-text-14-2857-278 sk-text" style="width: 208px; background-position-x: 50%;">暖新商城</text>
        </view>
      </view>
    </view>
    <view></view>
    <view class="show">
      <view is="pages/Index/components/ShopPage/index" class="r">
        <view class="body-background ShopPage-index--body-background"></view>
        <view class="screen-body ShopPage-index--screen-body row ShopPage-index--row pad ShopPage-index--pad">
          <view class="u-row row--u-row data-v-a2f99026 row--data-v-a2f99026" style="align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;flex-wrap:wrap;">
            <view class="u-col col--u-col data-v-2ae1a870 col--data-v-2ae1a870 u-col-12 col--u-col-12" style="padding-left:0px;padding-right:0px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 100%;margin-left:0%;background-color:#fff;border-radius:5px;padding:0px 13px;box-sizing:border-box;">
              <view class="u-tabs tabs--u-tabs data-v-02b0c54f tabs--data-v-02b0c54f">
                <view class="u-tabs__wrapper tabs--u-tabs__wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                  <view class="u-tabs__wrapper__scroll-view-wrapper tabs--u-tabs__wrapper__scroll-view-wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                    <scroll-view scroll-with-animation="true" class="u-tabs__wrapper__scroll-view tabs--u-tabs__wrapper__scroll-view data-v-02b0c54f tabs--data-v-02b0c54f" scroll-left="0">
                      <view class="u-tabs__wrapper__nav tabs--u-tabs__wrapper__nav data-v-02b0c54f tabs--data-v-02b0c54f">
                        <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-0 tabs--u-tabs__wrapper__nav__item-0" style="height:44px;;flex:1;">
                          <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-192 sk-text" style="color:#F47210;">商品兑换</text>
                        </view>
                        <view class="u-tabs__wrapper__nav__line tabs--u-tabs__wrapper__nav__line data-v-02b0c54f tabs--data-v-02b0c54f" style="width:33px;transform:translate(137.2px);transition-duration:300ms;height:2px;background:#F47210;background-size:cover;"></view>
                      </view>
                    </scroll-view>
                  </view>
                </view>
              </view>
            </view>
            <view class="u-col col--u-col data-v-2ae1a870 col--data-v-2ae1a870 u-col-12 col--u-col-12" style="padding-left:0px;padding-right:0px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 100%;margin-left:0%;background-color:#fff;border-radius:5px;padding:0 0;box-sizing:border-box;">
              <view class="screen-container ShopPage-index--screen-container row ShopPage-index--row">
                <view class="screen-search ShopPage-index--screen-search col-12 ShopPage-index--col-12" style="width:100%;display:flex">
                  <view class="u-input input--u-input data-v-df79975b input--data-v-df79975b u-border input--u-border u-input--radius input--u-input--radius u-input--circle input--u-input--circle" style="padding-top:6px;padding-bottom:6px;padding-left:9px;padding-right:9px;background-color:#F5F5F6;">
                    <view class="u-input__content input--u-input__content data-v-df79975b input--data-v-df79975b">
                      <view class="u-input__content__prefix-icon input--u-input__content__prefix-icon data-v-df79975b input--data-v-df79975b">
                        <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
                          <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-search u-icon--uicon-search sk-transparent sk-text--38-8889-60 sk-text" style="font-size:9px;line-height:9px;font-weight:normal;top:0px;color:#606266;;font-size:16px;"></text>
                        </view>
                      </view>
                      <view class="u-input__content__field-wrapper input--u-input__content__field-wrapper data-v-df79975b input--data-v-df79975b">
                        <view class="u-input__content__field-wrapper__field input--u-input__content__field-wrapper__field data-v-df79975b input--data-v-df79975b sk-image" cursor="-1" maxlength="-1" placeholder="面膜" placeholder-class="input-placeholder"
                              placeholder-style="color: #c0c4cc" selection-end="-1" selection-start="-1" style="color:#303133;font-size:15px;text-align:left;" type="text" value="true"></view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="item-screen ShopPage-index--item-screen" style="display:block">
                <view class="u-tabs tabs--u-tabs data-v-02b0c54f tabs--data-v-02b0c54f">
                  <view class="u-tabs__wrapper tabs--u-tabs__wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                    <view class="u-tabs__wrapper__scroll-view-wrapper tabs--u-tabs__wrapper__scroll-view-wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                      <scroll-view scroll-with-animation="true" class="u-tabs__wrapper__scroll-view tabs--u-tabs__wrapper__scroll-view data-v-02b0c54f tabs--data-v-02b0c54f" scroll-left="0" scroll-x="true">
                        <view class="u-tabs__wrapper__nav tabs--u-tabs__wrapper__nav data-v-02b0c54f tabs--data-v-02b0c54f">
                          <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-0 tabs--u-tabs__wrapper__nav__item-0" style="height:44px;;flex:;">
                            <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-999 sk-text" style="color:#FF9545;">新都特产</text>
                          </view>
                          <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-1 tabs--u-tabs__wrapper__nav__item-1" style="height:44px;;flex:;">
                            <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-944 sk-text" style="color:#AFB5BE;">精品商品</text>
                          </view>
                          <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-2 tabs--u-tabs__wrapper__nav__item-2" style="height:44px;;flex:;">
                            <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-333 sk-text" style="color:#AFB5BE;">生活用品</text>
                          </view>
                          <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-3 tabs--u-tabs__wrapper__nav__item-3" style="height:44px;;flex:;">
                            <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-63 sk-text" style="color:#AFB5BE;">大米粮油</text>
                          </view>
                          <view class="u-tabs__wrapper__nav__line tabs--u-tabs__wrapper__nav__line data-v-02b0c54f tabs--data-v-02b0c54f" style="width:10px;transform:translate(31px);transition-duration:300ms;height:1px;background:transparent;background-size:cover;"></view>
                        </view>
                      </scroll-view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="room-container ShopPage-index--room-container item-container ShopPage-index--item-container" style="display:block">
          <view class="uv-waterfall waterfall--uv-waterfall data-v-6b600e4c waterfall--data-v-6b600e4c">
            <view class="uv-waterfall__gap_left waterfall--uv-waterfall__gap_left data-v-6b600e4c waterfall--data-v-6b600e4c" style="width:13px;"></view>
            <view class="uv-waterfall__column waterfall--uv-waterfall__column data-v-6b600e4c waterfall--data-v-6b600e4c" id="8d44dec5--uv-waterfall-1">
              <view>
                <view class="waterfall-item ShopPage-index--waterfall-item">
                  <view is="components/MzCard/index">
                    <view class="mz-card MzCard-index--mz-card">
                      <view class="cover-img MzCard-index--cover-img">
                        <view class="u-transition u-transition--u-transition data-v-5cec8177 u-transition--data-v-5cec8177 u-fade-enter-to u-transition--u-fade-enter-to u-fade-enter-active u-transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:100%;height:104px;border-radius:0px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:0px;width:100%;height:104px"></image>
                          </view>
                        </view>
                      </view>
                      <view class="card-title-container MzCard-index--card-title-container">
                        <view class="title MzCard-index--title sk-transparent sk-text-15-0000-334 sk-text">山茶菇</view>
                        <view class="desc MzCard-index--desc">
                          <view class="desc-container MzCard-index--desc-container row MzCard-index--row">
                            <view class="desc-text MzCard-index--desc-text sk-transparent sk-text-0-0000-171 sk-text">暖新币</view>
                            <view class="extends MzCard-index--extends sk-transparent sk-text-0-0000-708 sk-text">666币</view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="waterfall-item ShopPage-index--waterfall-item">
                  <view is="components/MzCard/index">
                    <view class="mz-card MzCard-index--mz-card">
                      <view class="cover-img MzCard-index--cover-img">
                        <view class="u-transition u-transition--u-transition data-v-5cec8177 u-transition--data-v-5cec8177 u-fade-enter-to u-transition--u-fade-enter-to u-fade-enter-active u-transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:100%;height:104px;border-radius:0px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:0px;width:100%;height:104px"></image>
                          </view>
                        </view>
                      </view>
                      <view class="card-title-container MzCard-index--card-title-container">
                        <view class="title MzCard-index--title sk-transparent sk-text-15-0000-790 sk-text">五石大米</view>
                        <view class="desc MzCard-index--desc">
                          <view class="desc-container MzCard-index--desc-container row MzCard-index--row">
                            <view class="desc-text MzCard-index--desc-text sk-transparent sk-text-0-0000-985 sk-text">暖新币</view>
                            <view class="extends MzCard-index--extends sk-transparent sk-text-0-0000-166 sk-text">10000币</view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="uv-waterfall__gap_center waterfall--uv-waterfall__gap_center data-v-6b600e4c waterfall--data-v-6b600e4c" style="width:10px;"></view>
            <view class="uv-waterfall__column waterfall--uv-waterfall__column data-v-6b600e4c waterfall--data-v-6b600e4c" id="8d44dec5--uv-waterfall-2">
              <view>
                <view class="waterfall-item ShopPage-index--waterfall-item">
                  <view is="components/MzCard/index">
                    <view class="mz-card MzCard-index--mz-card">
                      <view class="cover-img MzCard-index--cover-img">
                        <view class="u-transition u-transition--u-transition data-v-5cec8177 u-transition--data-v-5cec8177 u-fade-enter-to u-transition--u-fade-enter-to u-fade-enter-active u-transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:100%;height:104px;border-radius:0px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:0px;width:100%;height:104px"></image>
                          </view>
                        </view>
                      </view>
                      <view class="card-title-container MzCard-index--card-title-container">
                        <view class="title MzCard-index--title sk-transparent sk-text-15-0000-261 sk-text">老毛桃</view>
                        <view class="desc MzCard-index--desc">
                          <view class="desc-container MzCard-index--desc-container row MzCard-index--row">
                            <view class="desc-text MzCard-index--desc-text sk-transparent sk-text-0-0000-971 sk-text">暖新币</view>
                            <view class="extends MzCard-index--extends sk-transparent sk-text-0-0000-62 sk-text">200币</view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="uv-waterfall__gap_right waterfall--uv-waterfall__gap_right data-v-6b600e4c waterfall--data-v-6b600e4c" style="width:13px;"></view>
          </view>
        </view>
        <view class="u-loadmore loadmore--u-loadmore data-v-4ccc1478 loadmore--data-v-4ccc1478" style="display:flex;;background-color:transparent;margin-bottom:15px;margin-top:15px;height:auto;">
          <view class="u-more loadmore--u-more u-loadmore__content loadmore--u-loadmore__content data-v-4ccc1478 loadmore--data-v-4ccc1478">
            <text class="u-line-1 loadmore--u-line-1 data-v-4ccc1478 loadmore--data-v-4ccc1478 u-loadmore__content__text loadmore--u-loadmore__content__text sk-transparent sk-text-0-0000-183 sk-text" style="color:#606266;font-size:14px;line-height:14px;background-color:transparent;">加载更多</text>
          </view>
        </view>
        <view class="u-popup u-popup--u-popup data-v-05c24e9b u-popup--data-v-05c24e9b"></view>
        <view class="u-popup u-popup--u-popup data-v-05c24e9b u-popup--data-v-05c24e9b"></view>
      </view>
    </view>
    <view class="u-tabbar tabbar--u-tabbar data-v-b9276d10 tabbar--data-v-b9276d10">
      <view class="u-tabbar__content tabbar--u-tabbar__content data-v-b9276d10 tabbar--data-v-b9276d10 u-border-top tabbar--u-border-top u-tabbar--fixed tabbar--u-tabbar--fixed" style="z-index:1;">
        <view class="u-tabbar__content__item-wrapper tabbar--u-tabbar__content__item-wrapper data-v-b9276d10 tabbar--data-v-b9276d10">
          <view is="components/FooterNav/index" class="r" style="width:100%">
            <view class="footer-nav FooterNav-index--footer-nav row FooterNav-index--row">
              <view class="nav-item FooterNav-index--nav-item col-3 FooterNav-index--col-3 row FooterNav-index--row">
                <view class="nav-ico FooterNav-index--nav-ico col-12 FooterNav-index--col-12">
                  <image class="img FooterNav-index--img sk-image" mode="heightFix" style="width: 24px;"></image>
                </view>
                <view class="nav-title FooterNav-index--nav-title col-12 FooterNav-index--col-12 sk-transparent sk-text-14-7059-658 sk-text" style="background-position-x: 50%;">暖新人</view>
              </view>
              <view class="nav-item FooterNav-index--nav-item col-3 FooterNav-index--col-3 row FooterNav-index--row">
                <view class="nav-ico FooterNav-index--nav-ico col-12 FooterNav-index--col-12">
                  <image class="img FooterNav-index--img sk-image" mode="heightFix" style="width: 24px;"></image>
                </view>
                <view class="nav-title FooterNav-index--nav-title col-12 FooterNav-index--col-12 sk-transparent sk-text-14-7059-923 sk-text" style="background-position-x: 50%;">暖新活动</view>
              </view>
              <view class="nav-item FooterNav-index--nav-item col-3 FooterNav-index--col-3 row FooterNav-index--row">
                <view class="nav-ico FooterNav-index--nav-ico col-12 FooterNav-index--col-12">
                  <image class="img FooterNav-index--img sk-image" mode="heightFix" style="width: 24px;"></image>
                </view>
                <view class="nav-title FooterNav-index--nav-title col-12 FooterNav-index--col-12 active FooterNav-index--active sk-transparent sk-text-14-7059-611 sk-text" style="background-position-x: 50%;">暖新商城</view>
              </view>
              <view class="nav-item FooterNav-index--nav-item col-3 FooterNav-index--col-3 row FooterNav-index--row">
                <view class="nav-ico FooterNav-index--nav-ico col-12 FooterNav-index--col-12">
                  <image class="img FooterNav-index--img sk-image" mode="heightFix" style="width: 24px;"></image>
                </view>
                <view class="nav-title FooterNav-index--nav-title col-12 FooterNav-index--col-12 sk-transparent sk-text-14-7059-432 sk-text" style="background-position-x: 50%;">我的</view>
              </view>
            </view>
            <view class="u-toast toast--u-toast data-v-e61e8fb9 toast--data-v-e61e8fb9"></view>
          </view>
        </view>
        <view class="u-safe-bottom safe-bottom--u-safe-bottom data-v-f3d22cfe safe-bottom--data-v-f3d22cfe u-safe-area-inset-bottom safe-bottom--u-safe-area-inset-bottom" style="true"></view>
      </view>
      <view class="u-tabbar__placeholder tabbar--u-tabbar__placeholder data-v-b9276d10 tabbar--data-v-b9276d10" style="height:65px"></view>
    </view>
    <view class="u-popup u-popup--u-popup data-v-05c24e9b u-popup--data-v-05c24e9b"></view>
    <view class="u-popup u-popup--u-popup data-v-05c24e9b u-popup--data-v-05c24e9b"></view>
  </view>
</template>
<script setup>

</script>


<style scoped lang="scss">

</style>