feat: 首次提交
This commit is contained in:
103
pages/my/website/website.vue
Normal file
103
pages/my/website/website.vue
Normal file
@ -0,0 +1,103 @@
|
||||
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司(手机号: 186 1 40 7 254 9,身份证尾号:5A07X5)专用,请尊重知识产权,勿私下传播,违者追究法律责任。-->
|
||||
<template>
|
||||
<view class="fui-wrap">
|
||||
<view class="fui-banner__box">
|
||||
<image :src="`${resUrl}/website/light/img_banner_3x.png`" class="fui-banner" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="fui-list__view">
|
||||
<fui-list-cell arrow :padding="[0,'32rpx']" :bottomBorder="false" radius="16rpx" marginTop="24"
|
||||
v-for="(item,index) in links" :key="index" :index="index" @click="getLink">
|
||||
<view class="fui-list__item fui-align__center">
|
||||
<image class="fui-item__icon" :src="`/static/images/website/light/icon_${item.img}_3x.png`"></image>
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
</fui-list-cell>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex'
|
||||
import $fui from '@/components/firstui/fui-clipboard';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
resUrl:this.fui.resUrl(),
|
||||
links: [{
|
||||
img: 'website',
|
||||
name: 'First UI 官网地址',
|
||||
link: 'https://www.firstui.cn/'
|
||||
}, {
|
||||
img: 'file',
|
||||
name: 'First UI 文档地址',
|
||||
link: 'https://doc.firstui.cn/'
|
||||
}, {
|
||||
img: 'github',
|
||||
name: 'GitHub 地址',
|
||||
link: 'https://github.com/FirstUI/FirstUI'
|
||||
}, {
|
||||
img: 'uni',
|
||||
name: 'UniApp 插件市场地址',
|
||||
link: 'https://ext.dcloud.net.cn/publisher?id=766365'
|
||||
}]
|
||||
}
|
||||
},
|
||||
computed: mapState(['status']),
|
||||
methods: {
|
||||
getLink(e) {
|
||||
const item = this.links[e.index]
|
||||
// #ifdef MP-BAIDU || MP-TOUTIAO
|
||||
if (this.status == 1) {
|
||||
$fui.getClipboardData(item.link, res => {
|
||||
this.fui.toast(`${item.name}复制成功`);
|
||||
}, e);
|
||||
} else {
|
||||
this.fui.toast('功能完善中~');
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifndef MP-BAIDU || MP-TOUTIAO
|
||||
$fui.getClipboardData(item.link, res => {
|
||||
this.fui.toast(`${item.name}复制成功`);
|
||||
}, e);
|
||||
// #endif
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.fui-banner__box{
|
||||
width: 100%;
|
||||
height: 420rpx;
|
||||
background: #EDF9FF;
|
||||
}
|
||||
.fui-banner {
|
||||
width: 100%;
|
||||
height: 420rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fui-list__view {
|
||||
width: 100%;
|
||||
padding: 8rpx 32rpx 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.fui-list__item {
|
||||
width: 100%;
|
||||
height: 112rpx;
|
||||
}
|
||||
|
||||
.fui-list__item text {
|
||||
padding-left: 24rpx;
|
||||
padding-right: 16rpx;
|
||||
}
|
||||
|
||||
.fui-item__icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user