179 lines
3.5 KiB
Vue
179 lines
3.5 KiB
Vue
<template>
|
|
<view class="uni-container">
|
|
<view v-if="!hasLeftWin" class="uni-header-logo">
|
|
<image class="uni-header-image" src="/static/extuiIndex.png"></image>
|
|
</view>
|
|
<view v-if="!hasLeftWin" class="uni-hello-text">
|
|
<text class="hello-text"></text>
|
|
|
|
</view>
|
|
<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1 && hasLeftWin}" class="uni-panel"
|
|
v-for="item in lists" :key="item.url">
|
|
<view :class="{'left-win-active': leftWinActive === item.url && hasLeftWin}" class="uni-panel-h"
|
|
@click="goDetailPage(item.url)">
|
|
<text class="uni-panel-text">{{item.name}}</text>
|
|
<text class="uni-panel-icon uni-icon"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: {
|
|
hasLeftWin: {
|
|
type: Boolean
|
|
},
|
|
leftWinActive: {
|
|
type: String
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
hideList: [
|
|
'load-more'
|
|
],
|
|
lists: [
|
|
{
|
|
name: "uni-forms 表单",
|
|
url: "forms"
|
|
},
|
|
{
|
|
name: "uni-badge 数字角标",
|
|
url: "badge"
|
|
},
|
|
{
|
|
name: "uni-breadcrumb 面包屑",
|
|
url: "breadcrumb"
|
|
},
|
|
// {
|
|
// name: "uni-calendar 日历",
|
|
// url: "calendar"
|
|
// },
|
|
{
|
|
name: "uni-card 卡片",
|
|
url: "card"
|
|
},
|
|
{
|
|
name: "uni-collapse 折叠面板",
|
|
url: "collapse"
|
|
},
|
|
|
|
// #ifndef APP-NVUE
|
|
{
|
|
name: "uni-combox 组合框",
|
|
url: "combox"
|
|
},
|
|
// #endif
|
|
|
|
{
|
|
name: "uni-data-checkbox 数据选择器",
|
|
url: "data-checkbox"
|
|
},
|
|
{
|
|
name: "uni-data-picker 数据驱动的picker选择器",
|
|
url: "data-picker"
|
|
},
|
|
{
|
|
name: "uni-data-select 数据驱动的下拉框",
|
|
url: "data-select"
|
|
},
|
|
{
|
|
name: "uni-dateformat 日期格式化",
|
|
url: "dateformat"
|
|
},
|
|
{
|
|
name: "uni-datetime-picker 日期选择器",
|
|
url: "datetime-picker"
|
|
},
|
|
{
|
|
name: "uni-easyinput 增强输入框",
|
|
url: "easyinput"
|
|
},
|
|
{
|
|
name: "uni-fab 悬浮按钮",
|
|
url: "fab"
|
|
},
|
|
|
|
{
|
|
name: "uni-goods-nav 商品导航",
|
|
url: "goods-nav"
|
|
},
|
|
{
|
|
name: "uni-grid 宫格",
|
|
url: "grid"
|
|
},
|
|
{
|
|
name: "uni-group 分组",
|
|
url: "group"
|
|
},
|
|
{
|
|
name: "uni-icons 图标",
|
|
url: "icons"
|
|
},
|
|
{
|
|
name: "uni-notice-bar 通告栏",
|
|
url: "notice-bar"
|
|
},
|
|
{
|
|
name: "uni-number-box 数字输入框",
|
|
url: "number-box"
|
|
},
|
|
{
|
|
name: "uni-pagination 分页器",
|
|
url: "pagination"
|
|
},
|
|
{
|
|
name: "uni-popup 弹出层",
|
|
url: "popup"
|
|
},
|
|
{
|
|
name: "uni-tooltip 文字提示",
|
|
url: "tooltip"
|
|
},
|
|
]
|
|
};
|
|
},
|
|
onLoad() {},
|
|
onReady() {
|
|
// #ifdef APP-NVUE
|
|
uni.preloadPage({
|
|
url: "/pages/extUI/calendar/calendar",
|
|
success() {
|
|
console.log("preloadPage /pages/extUI/calendar/calendar")
|
|
},
|
|
fail() {}
|
|
})
|
|
// #endif
|
|
},
|
|
onShareAppMessage() {
|
|
return {
|
|
title: '欢迎体验uni-app',
|
|
path: '/pages/tabBar/extUI/extUI'
|
|
}
|
|
},
|
|
onNavigationBarButtonTap(e) {
|
|
uni.navigateTo({
|
|
url: '/pages/about/about'
|
|
});
|
|
},
|
|
methods: {
|
|
goDetailPage(path) {
|
|
const url = '/pages/extUI/' + path + '/' + path
|
|
if (this.hasLeftWin) {
|
|
uni.reLaunch({
|
|
url: url
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
</style>
|