feat: 首次提交

This commit is contained in:
peerless_hero
2023-08-17 21:28:49 +08:00
parent 36f80fb971
commit ec1e5e16cd
571 changed files with 95322 additions and 0 deletions

View File

@ -0,0 +1,62 @@
// 本文件由FirstUI授权予新疆天衡创新研究院有限公司手机号18 6 1407 2 54 9身份证尾号5A07X5专用请尊重知识产权勿私下传播违者追究法律责任。
export default [{
cn: '商城',
en: 'MALL',
src: 'shopping_mall',
background: '#FFF7E5',
page: ''
}, {
cn: '点餐',
en: 'ORDER',
src: 'order',
background: '#FFF4F4',
page: ''
}, {
cn: '聊天',
en: 'CHAT',
src: 'chat',
background: '#F2FCF6',
page: ''
}, {
cn: '短视频',
en: 'SHORT VIDEO',
src: 'short_video',
background: '#FFF4F4',
page: ''
}, {
cn: '新闻',
en: 'NEWS',
src: 'journalism',
background: '#F6F7FF',
page: ''
}, {
cn: '门户',
en: 'PORTAL',
src: 'gateway',
background: '#F2FCF6',
page: '/pages/nav/portal-nav/portal-nav'
}, {
cn: '登录',
en: 'LOGIN',
src: 'login',
background: '#FFF7E5',
page: '/pages/nav/login-nav/login-nav'
}, {
cn: '签到',
en: 'SIGN IN',
src: 'sign_in',
background: '#F7F4FF',
page: ''
}, {
cn: '投票',
en: 'VOTE',
src: 'vote',
background: '#FFF4F4',
page: ''
}, {
cn: '教育',
en: 'EDUCATION',
src: 'education',
background: '#F6F7FF',
page: ''
}]

View File

@ -0,0 +1,134 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司手机号 18 6 1 4 07 254 9身份证尾号5A07X5专用请尊重知识产权勿私下传播违者追究法律责任-->
<template>
<view class="fui-wrap">
<view class="fui-page__hd">
<view class="fui-page__title fui-align__center">模板库
</view>
<view class="fui-page__desc">常用模板提升开发效率付费模块</view>
</view>
<view class="fui-page-bd fui-page__spacing">
<view class="fui-template__item" @tap="href(item.page)" v-for="(item,index) in templateData" :key="index">
<view class="fui-template__item-inner" :style="{background:item.background}">
<image class="fui-icon" :src="`${resUrl}/template/light/icon_${item.src}_3x.png`"
mode="widthFix"></image>
<view class="fui-name__cn">{{item.cn}}</view>
<view class="fui-name__en">{{item.en}}</view>
</view>
</view>
</view>
</view>
</template>
<script>
import templateData from './index.js';
import {
mapState,
mapActions
} from 'vuex';
export default {
data() {
return {
resUrl:this.fui.resUrl(),
templateData: templateData
}
},
computed: mapState(['status']),
onLoad() {
// #ifdef MP
this.getStatus().then((res) => {})
// #endif
},
methods: {
...mapActions(['getStatus']),
href(page) {
if (this.status == 1) {
// #ifdef MP-WEIXIN
if (page) {
wx.navigateToMiniProgram({
appId: 'wx2d7de1c876758f9c',
path: page
});
} else {
wx.navigateToMiniProgram({
appId: 'wx2d7de1c876758f9c'
});
}
// #endif
// #ifndef MP-WEIXIN
this.fui.modal('FirstUI示例', '请前往微信搜索 "FirstUI示例" 小程序预览')
// #endif
} else {
// #ifdef MP
this.fui.href('/pages/common/coding/coding')
// #endif
// #ifndef MP
this.fui.modal('First UI 示例', '请前往微信搜索 "FirstUI示例" 小程序预览')
// #endif
}
}
},
onShareAppMessage() {
return {
title: 'First UI组件库'
}
}
}
</script>
<style>
page {
background-color: #FFFFFF;
}
.fui-page-bd {
display: flex;
flex-wrap: wrap;
}
.fui-template__item {
width: 50%;
margin-bottom: 32rpx;
box-sizing: border-box;
}
.fui-template__item:nth-of-type(odd) {
padding-right: 15rpx;
}
.fui-template__item:nth-of-type(even) {
padding-left: 15rpx;
}
.fui-template__item-inner {
height: 176rpx;
border-radius: 24rpx;
overflow: hidden;
position: relative;
padding-left: 32rpx;
box-sizing: border-box;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
.fui-icon {
width: 64rpx;
height: 64rpx;
position: absolute;
right: 32rpx;
top: 32rpx;
}
.fui-name__cn {
line-height: 32rpx;
padding-top: 62rpx;
}
.fui-name__en {
font-size: 24rpx;
line-height: 24rpx;
color: #B2B2B2;
padding-top: 16rpx;
}
</style>