fuint-uniapp-master/components/shortcut/index.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <view class="shortcut" :style="{ right: right, bottom: bottom }">

    <!-- 首页 -->
    <view class="nav-item" :class="[isShow ? 'show_60' : (transparent ? '' : 'hide_60')]" @click="onTargetPage(0)">
      <text class="iconfont icon-home"></text>
    </view>
	
	<view class="nav-item" :class="[isShow ? 'show_40' : (transparent ? '' : 'hide_40')]" @click="onTargetPage(1)">
	  <text class="iconfont icon-cate"></text>
	</view>
	
    <!-- 个人中心 -->
    <view class="nav-item" :class="[isShow ? 'show_20' : (transparent ? '' : 'hide_20')]" @click="onTargetPage(3)">
      <text class="iconfont icon-profile"></text>
    </view>

    <!-- 显示隐藏开关 -->
    <view class="nav-item nav-item__switch" :class="{ shortcut_click_show: isShow }" @click="onToggleShow()">
      <text class='iconfont icon-daohang'></text>
    </view>

  </view>
</template>

<script>
  import { getTabBarLinks } from '@/utils/app'
  export default {

    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    props: {
      right: {
        type: String,
        default: '30rpx'
      },
      bottom: {
        type: String,
        default: '200rpx'
      }
    },

    data() {
      return {
        // 弹窗显示控制
        isShow: false,
        transparent: true
      }
    },

    methods: {

      /**
       * 导航菜单切换事件
       */
      onToggleShow() {
        const app = this
        app.isShow = !app.isShow
后面还有 216 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。