template.html 938 B

123456789101112131415161718192021
  1. <view :class="classes" :style="position">
  2. <nut-overlay v-if="overlay" :visible="visible" :z-index="200" @click="updateValue(false)" />
  3. <slot name="list">
  4. <view class="nut-fixed-nav__list">
  5. <view class="nut-fixed-nav__list-item" :class="{ active: item.id == current }"
  6. v-for="(item, index) in navList" @click="selected(item, $event)" :key="item.id || index">
  7. <img :src="item.icon" />
  8. <view class="span">{{ item.text }}</view>
  9. <view class="b" v-if="item.num">{{ item.num }}</view>
  10. </view>
  11. </view>
  12. </slot>
  13. <div class="nut-fixed-nav__btn" @click="updateValue()">
  14. <slot name="btn">
  15. <Left color="#fff" />
  16. <view class="text">{{ visible ? activeText || translate('activeText') : unActiveText ||
  17. translate('unActiveText') }}
  18. </view>
  19. </slot>
  20. </div>
  21. </view>