| | |
| | | <view> |
| | | <scroll-view scroll-y class="page"> |
| | | <view class="nav-list"> |
| | | <navigator hover-class='none' :url="'/pages/component/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color" |
| | | <navigator hover-class='none' :url="'/pages' + item.url" class="nav-li" navigateTo :class="'bg-'+item.color" |
| | | :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index"> |
| | | <view class="nav-title">{{item.title}}</view> |
| | | <view class="nav-name">{{item.name}}</view> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | elements: [{ |
| | | title: '操作条', |
| | | name: 'bar', |
| | | elements: [ |
| | | { |
| | | title: '组托入库', |
| | | name: 'pakin', |
| | | color: 'purple', |
| | | cuIcon: 'vipcard' |
| | | cuIcon: 'list', |
| | | url: '/pakin/pakin' |
| | | }, |
| | | { |
| | | title: '导航栏 ', |
| | | name: 'nav', |
| | | color: 'mauve', |
| | | cuIcon: 'formfill' |
| | | title: '订单入库', |
| | | name: 'orderPakin', |
| | | color: 'purple', |
| | | cuIcon: 'list', |
| | | url: '/pakin/orderPakin' |
| | | }, |
| | | { |
| | | title: '列表', |
| | | name: 'list', |
| | | color: 'pink', |
| | | cuIcon: 'list' |
| | | }, |
| | | { |
| | | title: '卡片', |
| | | name: 'card', |
| | | color: 'brown', |
| | | cuIcon: 'newsfill' |
| | | }, |
| | | { |
| | | title: '表单', |
| | | name: 'form', |
| | | color: 'red', |
| | | cuIcon: 'formfill' |
| | | }, |
| | | { |
| | | title: '时间轴', |
| | | name: 'timeline', |
| | | color: 'orange', |
| | | cuIcon: 'timefill' |
| | | }, |
| | | { |
| | | title: '聊天', |
| | | name: 'chat', |
| | | color: 'green', |
| | | cuIcon: 'messagefill' |
| | | }, |
| | | { |
| | | title: '轮播', |
| | | name: 'swiper', |
| | | color: 'olive', |
| | | cuIcon: 'album' |
| | | }, |
| | | { |
| | | title: '模态框', |
| | | name: 'modal', |
| | | title: '退出登录', |
| | | name: 'logOut', |
| | | color: 'grey', |
| | | cuIcon: 'squarecheckfill' |
| | | cuIcon: 'exit', |
| | | url: '/login/logOut' |
| | | }, |
| | | { |
| | | title: '步骤条', |
| | | name: 'steps', |
| | | color: 'cyan', |
| | | cuIcon: 'roundcheckfill' |
| | | } |
| | | |
| | | ], |
| | | }; |
| | | } |