1.0.0 • Published 9 months ago

tinhnow-h5-ui v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

tinhnow-h5-ui

tinhnow电商移动端H5的组件库vantUI for vue2(移动端UI)

npm license

Install

npm i tinhnow-h5-ui / yarn add tinhnow-h5-ui

Usage

Use in the main:

import Vue from 'vue'
import th5ui from 'tinhnow-h5-ui'
Vue.use(th5ui)

Use in the page:

    import th5ui from 'tinhnow-h5-ui'
    <div class="list-goods-wrapper">
        <div class="box left-box" ref="leftHeight">
          <div
            v-for="item in leftList"
            :key="`waterfall-goods-${item.productId}-${item.productType}`"
          >
            <th5ui.goodsItem
              :goodsItem="item"
              :showSoldOut="true"
              v-bind="$attrs"
              class="goodsItem"
              :productId="item.productId"
            />
          </div>
        </div>
        <div class="box right-box" ref="rightHeight">
          <div
            v-for="item in rightList"
            :key="`waterfall-goods-${item.productId}-${item.productType}`"
          >
            <th5ui.goodsItem
              :goodsItem="item"
              :showSoldOut="true"
              v-bind="$attrs"
              class="goodsItem"
              :productId="item.productId"
            />
          </div>
        </div>
      </div>