124 lines
2.6 KiB
Vue
124 lines
2.6 KiB
Vue
<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
|
||
<route lang="json5" type="home">
|
||
{
|
||
style: { navigationBarTitleText: '首页' },
|
||
}
|
||
</route>
|
||
|
||
<template>
|
||
<view class="bg-slate-100">
|
||
<view class="bg-slate-100 w-full">
|
||
<view v-for="item in list" :key="item.url" class="mt-3">
|
||
<view
|
||
class="flex bg-white items-center justify-between p-3 mb-2"
|
||
@click="goDetailPage(item.url)"
|
||
>
|
||
<text class="flex-1 text-4 text-dark">{{ item.name }}</text>
|
||
<text class="i-carbon-chevron-right"></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="m-4">
|
||
<text>测试配置exclude后，还会自动导入页面吗？</text>
|
||
<PagesAutoImport />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts" name="TestIndex">
|
||
import { ref } from 'vue'
|
||
import { onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
|
||
import PagesAutoImport from './components/pages-auto-import.vue'
|
||
/** 激活“分享给好友” */
|
||
onShareAppMessage((options: Page.ShareAppMessageOption): Page.CustomShareContent => {
|
||
console.log('options:', options)
|
||
return {
|
||
title: '自定义分享标题',
|
||
path: '/pages/index/index?id=xxx',
|
||
imageUrl:
|
||
'https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/pretty-girl.png',
|
||
}
|
||
})
|
||
/** 激活“分享到朋友圈”， 注意：需要先激活“分享给好友” */
|
||
onShareTimeline((): Page.ShareTimelineContent => {
|
||
return {
|
||
title: '自定义分享标题',
|
||
query: 'a=1&b=2',
|
||
}
|
||
})
|
||
|
||
const list = ref([
|
||
{
|
||
name: 'UnoCSS',
|
||
url: 'unocss',
|
||
},
|
||
{
|
||
name: 'UnoCSS Icons',
|
||
url: 'unocss-icons',
|
||
},
|
||
{
|
||
name: 'UniUI',
|
||
url: 'uni-ui',
|
||
},
|
||
{
|
||
name: 'UniUI Icons',
|
||
url: 'uni-ui-icons',
|
||
},
|
||
{
|
||
name: 'Pinia+持久化',
|
||
url: 'pinia',
|
||
},
|
||
{
|
||
name: '微信分享',
|
||
url: 'mp-weixin-share',
|
||
},
|
||
{
|
||
name: '自定义导航栏',
|
||
url: 'navbar',
|
||
},
|
||
{
|
||
name: '自定义导航栏渐变',
|
||
url: 'throughout',
|
||
},
|
||
{
|
||
name: '请求封装+请求拦截器',
|
||
url: 'request',
|
||
},
|
||
{
|
||
name: 'page自动引入',
|
||
url: 'pages-auto-import',
|
||
},
|
||
])
|
||
const goDetailPage = (path: string) => {
|
||
const url = `/pages/index/demo/${path}`
|
||
uni.navigateTo({
|
||
url,
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.logo {
|
||
width: 200rpx;
|
||
height: 200rpx;
|
||
margin: 200rpx auto 50rpx;
|
||
}
|
||
|
||
.text-area {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.title {
|
||
font-size: 36rpx;
|
||
color: #8f8f94;
|
||
}
|
||
</style>
|