feat: 首次提交
This commit is contained in:
81
pages/my/partner/partner.vue
Normal file
81
pages/my/partner/partner.vue
Normal file
@ -0,0 +1,81 @@
|
||||
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司(手机号: 1 86140 7254 9,身份证尾号:5A07X5)专用,请尊重知识产权,勿私下传播,违者追究法律责任。-->
|
||||
<template>
|
||||
<view class="fui-wrap">
|
||||
<view class="fui-page__hd">
|
||||
<view class="fui-page__title">合作伙伴</view>
|
||||
<view class="fui-page__desc">如需合作请联系客服。</view>
|
||||
</view>
|
||||
<view class="fui-page__bd">
|
||||
<fui-grid @click="href">
|
||||
<fui-grid-item v-for="(item,index) in partners" :key="index" :index="index" :highlight="item.name!==''">
|
||||
<view class="fui-grid__cell" v-if="item.name!==''">
|
||||
<view class="fui-icon__wrap">
|
||||
<image :src="resUrl+item.src" class="fui-icon" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
</fui-grid-item>
|
||||
</fui-grid>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
resUrl: this.fui.resUrl(),
|
||||
partners: [{
|
||||
name: 'ThorUI组件库',
|
||||
src: '/links/thorui_logo.png'
|
||||
}, {
|
||||
name: '跨端图表',
|
||||
src: '/links/ucharts_logo.png'
|
||||
}, {
|
||||
name: '图鸟 UI',
|
||||
src: '/links/tn__logo.png'
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
href(e) {
|
||||
// #ifdef MP-WEIXIN
|
||||
let index = e.detail.index
|
||||
let appId = ['wxb6a98ca343f57a38', 'wx37a9ee6a7398dec0', 'wxf3d81a452b88ff4b'][index]
|
||||
wx.navigateToMiniProgram({
|
||||
appId: appId
|
||||
});
|
||||
// #endif
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.fui-grid__cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fui-icon__wrap {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
overflow: hidden;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.fui-icon {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user