cv-nav-col 快捷菜单 ¶

<template>
  <view>
    <view class="components-title">
      <view class="components-title-t">cv-nav-col</view>
      <view class="components-title-d">菜单</view>
    </view>
    <!-- 使用cv-box包住 -->
    <cv-box col="5">
      <cv-nav-col img="https://h5.10yun.com/static/logo.png" label="网络图片" />
      <cv-nav-col img="/static/logo.png" imgPadding="3" label="会跳转的" url="/pages/layout/cv-nav-col?1=1" />
      <cv-nav-col img="/static/logo.png" label="抢购" />
      <cv-nav-col img="/static/logo.png" label="领券" />
      <cv-nav-col img="/static/logo.png" label="监听click事件的" @click="onUrl('你点到我了哟')" />
      <cv-nav-col img="/static/logo.png" label="红包" />
      <cv-nav-col img="/static/logo.png" label="聚划算" />
      <cv-nav-col img="/static/logo.png" label="美团" />
      <cv-nav-col img="/static/logo.png" label="饿了么" />
      <cv-nav-col img="/static/logo.png" label="淘宝" />
      <cv-nav-col label="camera">
        <cv-icons type="media-camera" />
      </cv-nav-col>
      <cv-nav-col label="cart-filled">
        <cv-icons type="order-cart-filled" />
      </cv-nav-col>
      <cv-nav-col label="无插槽无图片"></cv-nav-col>
      <cv-nav-col label="文本插槽">这是文本插槽</cv-nav-col>
    </cv-box>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {
    onUrl(url) {
      uni.showToast({
        title: url,
        duration: 2000,
        icon: 'none'
      });
    }
  }
};
</script>