thzxcx/FirstUI-vue
1
0
Fork 0
Code Pull Requests Packages Releases Activity

feat: 首次提交

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

104
pages/my/about/about.vue Normal file
View File

@ -0,0 +1,104 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18614 0 7 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<view class="fui-logo__box">
<image src="/static/images/common/img_logo.png" class="fui-logo" mode="widthFix"></image>
<view class="fui-title">First UI</view>
<view class="fui-version">Version {{version}}</view>
</view>
<view class="fui-page__bd">
<view class="fui-desc">
<text class="fui-mr">First UI</text> 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。
</view>
<fui-list-cell topBorder arrow @click="getLink">
去STAR
</fui-list-cell>
<fui-list-cell arrow @click="href('../updated/updated')">
功能介绍
</fui-list-cell>
<fui-list-cell bottomLeft="0" arrow @click="href('../vip/vip')">
会员介绍
</fui-list-cell>
<fui-footer isFixed text="Copyright © 2023 First UI. All Rights Reserved."></fui-footer>
</view>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
import $fui from '@/components/firstui/fui-clipboard';
export default {
computed: mapState(['version','status']),
data() {
return {
}
},
methods: {
getLink(e) {
// #ifdef MP-BAIDU
if(this.status==0){
this.fui.toast('暂不支持此功能~')
return;
}
// #endif
$fui.getClipboardData('https://github.com/FirstUI/FirstUI', res => {
this.fui.toast('GitHub地址复制成功');
}, e);
},
href(page){
this.fui.href(page)
}
}
}
</script>
<style>
page {
background-color: #fff;
font-weight: normal;
}
.fui-logo__box {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding-top: 64rpx;
padding-bottom: 64rpx;
}
.fui-logo {
width: 120rpx;
height: 120rpx;
border-radius: 24rpx;
}
.fui-title {
font-size: 36rpx;
padding-top: 24rpx;
}
.fui-version {
padding-top: 8rpx;
font-size: 24rpx;
font-weight: 400;
}
.fui-desc {
font-size: 28rpx;
line-height: 56rpx;
padding: 0 32rpx;
margin-bottom: 64rpx;
box-sizing: border-box;
font-weight: 400;
}
.fui-mr {
margin-right: 8rpx;
}
</style>

350
pages/my/cooperate/cooperate.vue Normal file
View File

@ -0,0 +1,350 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86 1 4 0 7 25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<view class="fui-banner__box">
<image :src="`${resUrl}/cooperate/light/img_banner_3x.png`" mode="widthFix" class="fui-banner"></image>
</view>
<view class="fui-menu__wrap">
<view class="fui-menu__item" v-for="(model,idx) in menus" :key="idx" @tap.stop="open(idx)">
<view class="fui-item__inner" :class="['fui-bg__'+idx]">
<image class="fui-menu__icon" :src="`/static/images/cooperate/light/icon_${model.icon}_3x.png`">
</image>
<text>{{model.name}}</text>
</view>
</view>
</view>
<view class="fui-divider"></view>
<view class="fui-page__bd">
<view class="fui-contacts__box">
<view class="fui-contacts__item" v-for="(item,index) in contacts" :key="index"
@tap="copy($event,item.value,item.text)">
<image class="fui-icon" :src="`/static/images/cooperate/light/icon_${item.icon}_3x.png`"></image>
<view class="fui-title">{{item.text}}</view>
</view>
</view>
<fui-divider backgroundColor="#fff" dividerColor="#F1F4FA" color="#465CFF" text="联系方式" :size="28">
</fui-divider>
<view class="fui-desc">
上方联系方式，仅限合作沟通，加好友或发邮件时请务必备注您的来意，谢谢配合！
</view>
</view>
<fui-animation :duration="500" :animationType="['fade']" :styles="styles" :show="show">
<view class="fui-ani__box">
<view class="fui-ani__title">
<image src="/static/images/cooperate/light/img_decorate_Left_3x.png" mode="widthFix"></image>
<text>{{title}}</text>
<image src="/static/images/cooperate/light/img_decorate_right_3x.png" mode="widthFix"></image>
</view>
<view class="fui-flex__center fui-flex__column">
<view class="fui-desc fui-p" v-if="idx<4">
定制软件开发价格具体需要结合软件的具体的功能，需求来决定，一般来说如果进行定制开发这样的造价比模板制作要贵。定制开发可以最大程度上满足用户需求，并且后期维护和改动比较方便，适合企业公司深层次推广并且使用。如有需要可通过页面联系方式与我们联系。
</view>
<view class="fui-desc fui-p" v-if="idx===4">
在以任何形式的参与前，请先阅读文档开发指南。如有任何的意见或建议，欢迎您通过创建<text class="fui-link"
@tap="copy($event,'https://github.com/FirstUI/FirstUI/issues')">Issue</text>或<text
class="fui-link" @tap="copy($event,'https://github.com/FirstUI/FirstUI/pulls')">Pull Request</text>的方式告知我们。
</view>
<view class="fui-desc fui-p" v-if="idx===5">
First UI 拥有成熟优秀的开发工程师团队及专业的UI设计师团队。产品研发团队中拥有多位行业经验丰富技术工程师。如需合作请通过页面联系方式与我们联系。
</view>
<fui-button btn-size="medium" radius="100rpx"
background="linear-gradient(270deg, #6831FF 0%, #465CFF 100%)" borderColor="rgba(0,0,0,0)"
border-width="0" @click="close">我知道了</fui-button>
</view>
</view>
</fui-animation>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
import $fui from '@/components/firstui/fui-clipboard';
export default {
data() {
return {
resUrl: this.fui.resUrl(),
menus: [{
icon: 'app',
name: 'App定制',
}, {
icon: 'web',
name: '网站定制'
}, {
icon: 'applet',
name: '小程序'
}, {
icon: 'design',
name: 'UI定制'
}, {
icon: 'code',
name: '贡献代码'
}, {
icon: 'cooperation',
name: '其他合作'
}],
// #ifndef MP-BAIDU || MP-ALIPAY || MP-QQ
contacts: [{
icon: 'email',
text: '邮箱',
value: 'firstui@126.com'
}, {
icon: 'weixin',
text: '微信',
value: 'wx_firstui'
}, {
icon: 'qq',
text: 'QQ',
value: '3560662983'
}],
// #endif
// #ifdef MP-BAIDU || MP-ALIPAY || MP-QQ
contacts: [{
icon: 'email',
text: '邮箱',
value: 'firstui@126.com'
}],
// #endif
show: false,
styles: {
position: 'fixed',
bottom: 0,
top: 0,
left: 0,
right: 0,
display: 'flex',
'justify-content': 'center',
'align-items': 'center',
backgroundColor: 'rgba(0,0,0,0.6)'
},
idx: 0,
title: '开发定制'
}
},
computed: mapState(['status']),
onLoad() {
// #ifdef MP-BAIDU || MP-ALIPAY || MP-QQ
if (this.status == 1) {
this.contacts = [{
icon: 'email',
text: '邮箱',
value: 'firstui@126.com'
}, {
icon: 'weixin',
text: '微信',
value: 'wx_firstui'
}, {
icon: 'qq',
text: 'QQ',
value: '3560662983'
}]
}
// #endif
},
methods: {
copy(e, content, title) {
// #ifdef MP-BAIDU
if (this.status == 0) {
this.fui.toast('功能完善中~');
return;
};
// #endif
title = title || '链接'
$fui.getClipboardData(content, res => {
this.fui.toast(`${title}复制成功`);
}, e);
},
open(idx) {
this.idx = idx;
if (idx === 4) {
this.title = '贡献代码'
} else if (idx === 5) {
this.title = '其他合作'
} else {
this.title = '开发定制'
}
setTimeout(() => {
this.show = true;
}, 80);
},
close() {
this.show = false;
}
}
}
</script>
<style>
page {
font-weight: normal;
background-color: #fff;
}
.fui-banner__box {
width: 100%;
height: 420rpx;
background: #F1F4FA;
}
.fui-banner {
width: 100%;
height: 420rpx;
display: block;
}
.fui-menu__wrap {
width: 100%;
padding: 16rpx 16rpx 32rpx;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.fui-menu__item {
width: 33.333333%;
padding: 16rpx;
box-sizing: border-box;
}
.fui-item__inner {
width: 100%;
height: 208rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 28rpx;
color: #333333;
background-color: rgba(254, 184, 8, .05);
border-radius: 24rpx;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
.fui-bg__1 {
background-color: rgba(9, 190, 79, .05);
}
.fui-bg__2 {
background-color: rgba(70, 92, 255, .05);
}
.fui-bg__3 {
background-color: rgba(104, 49, 255, .05);
}
.fui-bg__4 {
background-color: rgba(255, 43, 43, .05);
}
.fui-page__bd {
background-color: #fff;
}
.fui-menu__icon {
width: 96rpx;
height: 96rpx;
display: block;
margin-bottom: 16rpx;
}
.fui-contacts__box {
width: 100%;
padding: 32rpx 32rpx 20rpx;
box-sizing: border-box;
display: flex;
align-items: center;
}
.fui-contacts__item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex: 1;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
.fui-icon {
width: 96rpx;
height: 96rpx;
}
.fui-title {
font-size: 28rpx;
color: #333333;
padding-top: 16rpx;
}
.fui-desc {
font-size: 24rpx;
font-weight: 400;
color: #7F7F7F;
line-height: 48rpx;
width: 100%;
padding: 0 64rpx;
box-sizing: border-box;
text-align: center;
}
.fui-pb {
padding-bottom: 16rpx;
}
.fui-section__title {
margin-bottom: 24rpx;
}
.fui-link {
padding: 0 8rpx;
font-weight: 500;
color: #465CFF;
white-space: nowrap;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
.fui-divider {
width: 100%;
height: 24rpx;
background-color: #F1F4FA;
}
.fui-ani__box {
width: 622rpx;
background: #FFFFFF;
border-radius: 24rpx;
padding-bottom: 64rpx;
}
.fui-ani__title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 36rpx;
font-weight: 600;
color: #465CFF;
padding: 48rpx 0 30rpx;
}
.fui-ani__title text {
padding: 0 24rpx;
}
.fui-ani__title image {
width: 116rpx;
height: 20rpx;
}
.fui-p {
color: #333;
text-align: left;
margin-bottom: 120rpx;
}
</style>

314
pages/my/help/help.vue Normal file
View File

@ -0,0 +1,314 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 140 72 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<view class="fui-header">
<image :src="`${resUrl}/help/light/img_banner_3x.png`" class="fui-banner" mode="widthFix"></image>
<view class="fui-hd__content">
<view class="fui-hd__title">Hi,很高兴为您服务</view>
<view class="fui-hd__sub">已为您定制如下内容</view>
</view>
</view>
<view class="fui-page__bd">
<view class="fui-main__box">
<view class="fui-search__box fui-align__center" @tap="search">
<image class="fui-search__icon" src="/static/images/help/light/icon_search_3x.png" mode="widthFix">
</image>
<text class="fui-search__text">请输入您遇到的问题</text>
</view>
<fui-list-cell bottomLeft="0" :padding="['32rpx','0']" :highlight="false">
<text class="fui-title">问题指南</text>
</fui-list-cell>
<view class="fui-menu__box">
<view class="fui-menu__item" @tap="href(1)">
<image src="/static/images/help/light/icon_introduction_3x.png"></image>
<text>新手入门</text>
</view>
<view class="fui-menu__item" @tap="href(2)">
<image src="/static/images/help/light/icon_introduce_3x.png"></image>
<text>功能介绍</text>
</view>
<view class="fui-menu__item" @tap="href(3)">
<image src="/static/images/help/light/icon_member_3x.png"></image>
<text>会员权益</text>
</view>
</view>
</view>
<view class="fui-title__box fui-align__center">
<image src="/static/images/help/light/icon_assembly_3x.png"></image>
<text>常见问题</text>
</view>
<fui-list-cell arrow bottomRight="32" v-for="(item,index) in ques" :key="index" @click="detail(item,index)">
<text>{{item}}</text>
</fui-list-cell>
<view class="fui-title__box fui-align__center">
<image src="/static/images/help/light/icon_bug_3x.png"></image>
<text>常见BUG</text>
</view>
<view>
<fui-list-cell arrow bottomRight="32" v-for="(item,idx) in bugs" :key="idx" @click="detail(item,idx+5)">
<text>{{item}}</text>
</fui-list-cell>
</view>
<view class="fui-title__box fui-align__center">
<image src="/static/images/help/light/icon_member_relevant_3x.png"></image>
<text>会员相关</text>
</view>
<view>
<fui-list-cell arrow bottomRight="32" v-for="(item,index) in members" :key="index"
@click="detail(item,index+9)">
<text>{{item}}</text>
</fui-list-cell>
</view>
<!-- #ifdef MP-WEIXIN || MP-BAIDU-->
<view class="fui-footer fui-flex__center">
找不到答案？
<fui-button open-type="contact" width="144rpx" height="44rpx" type="link" color="#465CFF" :size="24">
向我提问吧</fui-button>
</view>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY-->
<view class="fui-footer fui-flex__center">
找不到答案？
<view class="fui-ft__text">
向我提问吧
<contact-button tnt-inst-id="FCl_GXKB" scene="SCE01194651" />
</view>
</view>
<!-- #endif -->
</view>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
export default {
data() {
return {
resUrl: this.fui.resUrl(),
ques: [
'我只想用某个组件可以吗？',
'某些平台当我使用 textarea 等组件时层级太高遮挡其他组件，如何解决？',
'为什么文档或示例中有些组件在GitHub或npm下载的包中无法找到？',
'组件支持Nvue、支付宝小程序...吗？',
'组件支持vue3吗？'
],
bugs: [
'方法未定义?',
'编译到微信小程序样式混乱?',
'编译到微信小程序报错?',
'小程序运行报错?'
],
members: [
'开源版与商业版有什么区别?',
'会员除了获取商业版组件源码外与非会员有什么其他优势？',
'个人会员和企业会员有什么区别？',
'商业版本的版权解释说明是什么？',
'如何开通会员，会员源码如何获取?',
'会员的有效期是多久?',
'能否代购商业授权？',
'购买会员可以开发票吗？'
]
}
},
computed: mapState(['status']),
methods: {
search() {
this.fui.toast('暂不提供搜索功能~')
},
href(type) {
if (type === 1) {
// #ifndef MP-BAIDU
this.fui.href('../webview/webview')
// #endif
// #ifdef MP-BAIDU
if (this.status == 1) {
this.fui.href('../webview/webview')
} else {
this.fui.toast('功能完善中~')
}
// #endif
} else if (type === 2) {
this.fui.href('../updated/updated')
} else {
this.fui.href('../vip/vip')
}
},
detail(title, index) {
this.fui.href(`../qa/qa?index=${index}&title=${title}`)
}
}
}
</script>
<style>
page {
font-weight: normal;
}
.fui-header {
width: 100%;
height: 338rpx;
position: relative;
background: #465CFF;
}
.fui-banner {
width: 100%;
height: 336rpx;
display: block;
}
.fui-hd__content {
width: 100%;
height: 216rpx;
position: absolute;
z-index: 2;
left: 0;
top: 0;
display: flex;
justify-content: center;
flex-direction: column;
color: #FFFFFF;
padding-left: 64rpx;
box-sizing: border-box;
}
.fui-hd__title {
font-size: 36rpx;
font-weight: 600;
}
.fui-hd__sub {
font-size: 28rpx;
font-weight: 400;
padding-top: 24rpx;
}
.fui-page__bd {
margin-top: -120rpx;
position: relative;
z-index: 2;
}
.fui-page__bd text {
font-size: 28rpx;
line-height: 48rpx;
}
.fui-main__box {
width: 100%;
background-color: #fff;
border-radius: 48rpx 48rpx 0 0;
padding: 32rpx 32rpx 0 32rpx;
box-sizing: border-box;
}
.fui-search__box {
width: 100%;
height: 88rpx;
background: #F8F8F8;
border-radius: 16rpx;
padding: 0 32rpx;
box-sizing: border-box;
margin-bottom: 16rpx;
}
.fui-search__icon {
width: 32rpx;
height: 32rpx;
flex-shrink: 0;
}
.fui-search__text {
font-size: 28rpx;
color: #CCCCCC;
padding-left: 16rpx;
}
.fui-title {
font-size: 32rpx !important;
font-weight: 500;
}
.fui-menu__box {
width: 100%;
display: flex;
align-items: center;
padding: 48rpx 0;
}
.fui-menu__item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
.fui-menu__item image {
width: 64rpx;
height: 64rpx;
}
.fui-menu__item text {
font-size: 28rpx;
font-weight: 500;
color: #333333;
padding-top: 12rpx;
}
.fui-title__box {
padding: 32rpx;
box-sizing: border-box;
}
.fui-title__box image {
width: 64rpx;
height: 64rpx;
}
.fui-title__box text {
font-size: 28rpx;
font-weight: 500;
padding-left: 16rpx;
}
/* #ifdef MP-ALIPAY */
contact-button {
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
z-index: 2;
opacity: 0;
}
/* #endif */
.fui-footer {
font-size: 24rpx;
color: #333;
text-align: center;
padding-top: 32rpx;
}
.fui-ft__text {
position: relative;
font-size: 24rpx;
color: #465CFF;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
}
</style>

560
pages/my/log/log.vue Normal file
View File

@ -0,0 +1,560 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6140 72 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<fui-list-cell bottom-right="32" :highlight="false">
<text class="fui-title">First UI {{version}}（{{date}}）</text>
</fui-list-cell>
<view class="fui-content">
<view class="fui-p" v-for="(item,index) in logs" :key="index">
<text class="fui-sign" v-if="logs.length>1">-</text>
<text>{{item}}</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
version: '',
date: '',
logList: {
'V1.0.0': [
'First UI 正式上线，本次更新如下：',
'新增 Color 色彩，First UI用色指南',
'新增 Icon 图标组件，First UI字体图标库',
'新增 Button 按钮组件',
'新增 Footer 页脚组件',
'新增 Animation 动画组件',
'新增 StatusBar 状态栏占位组件',
'新增 Layout 栅格布局组件（fui-row和fui-col）',
'新增 Grid 宫格组件（fui-grid和fui-grid-item）',
'新增 List 列表组件（fui-list和fui-list-cell）',
'新增 Card 卡片组件',
'新增 Input 输入框组件',
'新增 InputNumber 数字输入框组件',
'新增 Label 标签组件',
'新增 FormField 表单数据传递组件',
'新增 Radio 单选框组件',
'新增 Checkbox 复选框组件',
'新增 Switch 开关组件',
'新增 Textarea 多行输入框组件',
'新增 Loading 加载组件',
'新增 LoadAni 加载动画组件（VIP组件）',
'新增 Badge 徽章组件',
'新增 Alert 警告框组件',
'新增 Divider 分割线组件',
'新增 LoadMore 加载更多组件',
'新增 Clipboard 复制文本组件（VIP组件）',
'新增 Request 网络请求组件（VIP组件）',
'新增 Utils 工具类组件',
'新增 Poster 绘制分享海报组件（VIP组件）'
],
'V1.1.0': [
'调整组件对vue3支持与uni-app官方一致',
'新增 Panel 面板 组件（VIP组件）',
'新增 Preview 表单预览 组件（VIP组件）',
'新增 Empty 缺省页 组件',
'新增 SegmentedControl 分段器 组件',
'新增 Pagination 分页器 组件',
'新增 NavBar 导航栏 组件（VIP组件）',
'新增 Tabs 标签页 组件',
'新增 Tag 标签 组件',
'新增 Backdrop 遮罩层 组件',
'新增 Result 结果页 组件（VIP组件）',
'新增 Avatar 头像 组件',
'新增 Form 表单校验 组件（VIP组件）',
'新增 Validator 表单验证（JS）组件（VIP组件）',
'新增 SingleInput 单输入框 组件（VIP组件）',
'新增 IndexList 索引列表 组件（VIP组件）',
'新增 SearchBar 搜索栏 组件（VIP组件）',
'新增 登录（A）模板（物料）',
'新增 登录（B）模板（物料）',
'新增 登录（C）模板（物料）',
'新增 登录（D）模板（物料）',
'优化若干已知问题'
],
'V1.2.0': [
'新增 Tabbar 标签栏 组件（VIP组件）',
'新增 ActionSheet 上拉菜单 组件',
'新增 Toast 轻提示 组件',
'新增 Dialog 对话框 组件',
'新增 DropdownMenu 下拉菜单 组件',
'新增 DropdownList 下拉菜单 组件',
'新增 Modal 模态框 组件（VIP组件）',
'新增 Landscape 压屏窗 组件（VIP组件）',
'新增 Message 消息提示 组件（VIP组件）',
'新增 BottomPopup 底部弹出层 组件',
'新增 TopPopup 顶部弹出层 组件',
'新增 Drawer 抽屉 组件',
'新增 NoticeBar 通告栏 组件（VIP组件）',
'新增 TimeAxis 时间轴 组件（VIP组件）',
'新增 Steps 步骤条 组件（VIP组件）',
'新增 Progress 进度条 组件（VIP组件）',
'新增 Collapse 折叠面板 组件',
'新增 SwiperDot 轮播图指示点 组件（VIP组件）',
'新增 DigitalRoller 数字滚轮 组件（VIP组件）',
'新增 DigitalKeyboard 数字键盘 组件（VIP组件）',
'新增 LicensePlate 车牌号键盘 组件（VIP组件）',
'新增 CountdownVerify 验证码倒计时 组件(VIP组件)',
'新增 Sticky 吸顶容器 组件（VIP组件）',
'新增 Fab 浮动按钮 组件（VIP组件）',
'新增 ShareSheet 分享面板 组件（VIP组件）',
'新增 FilterBar 筛选栏 组件（VIP组件）',
'新增 SwipeAction 滑动菜单 组件',
'新增 Picker 选择器 组件（VIP组件）',
'新增 DatePicker 日期时间选择器 组件（VIP组件）',
'新增 门户模板（物料）',
'优化掉部分组件中对头条小程序做兼容的冗余代码',
'优化若干已知问题'
],
'V1.3.0': [
'新增 Calendar 日历 组件（VIP组件）',
'新增 Cascader 级联选择器 组件（VIP组件）',
'新增 Slider 滑块 组件（VIP组件）',
'新增 Rate 评分 组件（VIP组件）',
'新增 Select 选择器 组件（VIP组件）',
'新增 Upload 图片上传 组件（VIP组件）',
'新增 Gallery 画廊 组件（VIP组件）',
'新增 BubbleBox 气泡框 组件（VIP组件）',
'新增 BottomNavbar 底部导航栏 组件（VIP组件）',
'新增 CountDown 倒计时 组件（VIP组件）',
'新增 CopyText 长按复制 组件（VIP组件）',
'新增 Timer 计时器 组件（VIP组件）',
'新增 Qrcode 二维码 组件（VIP组件）',
'新增 Barcode 条形码 组件（VIP组件）',
'新增 Autograph 手写签名 组件（VIP组件）',
'修复 Textarea 多行输入框 组件回车无法换行的问题',
'优化 Request 网络请求 组件，新增加载中提示信息配置项',
'优化 Icon 图标 组件，新增部分图标',
'优化若干已知问题'
],
'V1.4.0': [
'新增 Circle 圆形进度条 组件（VIP组件）',
'新增 Skeleton 骨架屏 组件（VIP组件）',
'新增 CubicBezier 贝塞尔曲线 组件（VIP组件）',
'新增 SlideVerify 滑动验证 组件（VIP组件）',
'新增 RotateVerify 旋转验证 组件（VIP组件）',
'新增 SliderCaptcha 滑块拼图验证 组件（VIP组件）',
'新增 OverflowHidden 内容超出隐藏 组件（VIP组件）',
'新增 Backtop 回到顶部 组件（VIP组件）',
'新增 Lazyload 图片懒加载 组件（VIP组件）',
'新增 Waterfall 瀑布流 组件（VIP组件）',
'优化部分组件在vue3下显示异常，控制台报出警告的问题',
'优化 Upload 上传 组件。新增属性设置删除图片时是否弹框确认；图片上传数到达限制数max时隐藏选择框',
'修复 Preview 表单预览 组件改变数据页面不更新的bug',
'优化 Button 按钮 组件在Nvue以及PC中的点击效果',
'优化 Card 卡片 组件在Nvue中样式显示不正确的问题',
'优化 Message 消息提示 组件，部分props属性可在show方法中传值覆盖',
'优化 Select 选择器 组件，修复单选时设置默认选中项无效的问题',
'优化 CountDown 倒计时 组件，修复初始化传0触发倒计时结束事件的问题',
'修复 Layout 栅格布局 组件属性gutter不生效的bug',
'修复 InputNumber 数字输入框 组件在vue3下 blur 事件未在emits中申明的问题',
'优化若干已知问题'
],
'V1.5.0': [
'新增 Vtabs 纵向选项卡 组件（VIP组件）',
'新增 PuzzleVerify 滑块拼图验证 组件（VIP组件），此组件为 SliderCaptcha 滑块拼图验证 组件的功能补充。[详见](https://forum.firstui.cn/d/48)',
'新增 Drag 拖拽排序 组件（VIP组件）',
'新增 ImageCropper 图片裁剪 组件（VIP组件）',
'新增 Table 表格 组件（VIP组件）',
'Utils 工具 类组件新增函数节流方法使用案例',
'Badge 徽章 组件优化，新增max属性，当值超过max时使用+号代替，仅为数字时有效',
'SingleInput 单输入框组件优化，新增清空方法重置输入值（结合原生键盘时使用）',
'Button 按钮 组件优化，修复微信小程序端@click事件中调用wx.getUserProfile无效的问题以及在subNVue中点击事件失效的问题',
'Form 表单校验 示例新增其他表单元素，满足更多表单需求',
'Icon 图标 组件优化，新增支持自定义图标，详见文档说明',
'DropdownMenu 下拉菜单 组件优化，支持nvue',
'Input 输入框 组件优化 ，新增 number 属性，修复v-model.number在小程序平台值未转化为Number类型问题',
'修复 Grid 宫格 组件 ref 被误删除导致报错的问题',
'修复并优化 Circle 圆形进度条 组件在nvue端出错的问题',
'修复vue2下使用wxs初始化时可能报错的问题',
'ActionSheet 上拉菜单 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'BottomNavbar 底部导航栏 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'BottomPopup 底部弹出层 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'DigitalKeyboard 数字键盘 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'Footer 页脚 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'Gallery 画廊 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'LicensePlate 车牌号键盘 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'Select 选择器 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'ShareSheet 分享面板 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'Tabbar 标签栏 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域',
'BottomPopup 底部弹出层 组件优化，优化Nvue下设置顶部圆角值时IOS底部偶尔出现圆角的问题',
'优化若干已知问题'
],
'V1.6.0': [
'新增组件全局配置，目前仅针对部分常用组件处理，详见文档 [全局配置]',
'新增 Text 文本组件',
'新增 spin 旋转动画组件（VIP组件）',
'新增 SafeArea 底部安全区域组件（VIP组件）',
'新增 DataTag 标签选择组件（VIP组件）',
'新增 SubmitBar 提交订单栏 布局内容（VIP）',
'新增 GoodsBar 商品导航栏 布局内容（VIP）',
'新增 ChatBar 聊天栏 布局内容（VIP）',
'新增 RollNews 滚动消息 布局内容（VIP）',
'新增 CardSwiper 卡片轮播 布局内容（VIP）',
'BubbleBox 气泡框 组件优化，新增内容插槽（content），可自定义气泡框内容；新增属性 padding，用于调整气泡框内置内容item项padding值',
'LoadMore 加载更多 组件优化，新增属性 state 控制组件显示状态',
'Backdrop 遮罩层 组件优化，Nvue端去除v-if使用，修复fixed定位时遮挡位置靠后的fixed元素问题；Nvue端新增属性full，当组件放置根元素下且为absolute定位时可设置遮罩铺满屏幕',
'Poster 绘制分享海报 组件优化，修复编译到微信小程序功能失效的问题',
'Qrcode 二维码 组件优化，修复编译到微信小程序功能失效的问题',
'Barcode 条形码 组件优化，修复编译到微信小程序功能失效的问题',
'Autograph 手写签名 组件优化，修复编译到微信小程序功能失效的问题',
'Table 表格 组件优化，修复设置图片类型显示错误的问题',
'Textarea 多行输入框组件优化，调整maxlength设为-1时，双向绑定不生效的问题',
'Button 按钮 组件优化，默认调整为细边框（0.5px）',
'Picker 选择器 组件优化，修复已知问题',
'DatePicker 日期时间选择器 组件优化，修复已知问题',
'Badge 徽章 组件优化，修复Nvue端可能出现文本被截断的情况',
'优化若干已知问题'
],
'V1.7.0': [
'新增 WATERFALL 瀑布流加载 布局内容（VIP）',
'新增 TOP TAB 顶部选项卡 布局内容（VIP）',
'新增 NEWS LIST 新闻列表 布局内容（VIP）',
'新增 PRODUCT LIST 商品列表 布局内容（VIP）',
'新增 MAP 地图 布局内容-线路规划（VIP）',
'新增 ROLL HORIZONTAL 横向滚动 布局内容（VIP）',
'新增 UploadVideo 视频上传 组件（VIP）',
'新增 FormItem 表单项 组件（VIP）',
'Label 标签 组件优化',
'Card 卡片 组件优化，新增footerLine属性',
'InputNumber 数字输入框 组件优化，修复最小值设为负数不生效的问题，新增type属性当设值为text则可输入负号小数点等',
'Panel 面板 组件优化，新增属性配置数据源键值（key）',
'Preview 表单预览 组件优化，新增属性配置数据源键值（key），修复部分兼容问题',
'Input 输入框 组件优化，新增min和max属性，当type=number、type=digit、number属性为true时生效',
'LicensePlate 车牌号键盘 组件优化，新增方法 changeKeyboard 切换键盘显示',
'ImageCropper 图片裁剪 组件优化，修复已知bug',
'Grid 宫格 组件优化',
'Textarea 多行输入框组件已知问题优化',
'Input 输入框 组件已知问题优化',
'Text 文本 组件优化，新增部分属性（props）',
'Button 按钮 组件优化，修复nvue端样式background加!important报错的问题',
'Waterfall 瀑布流 组件优化，请参考【布局-瀑布流】示例做加载刷新操作',
'DatePicker 日期时间选择器 组件优化，修复type=1时设置默认值失效的问题，修复区间选择设置起始日期文本出错的问题',
'Landscape 压屏窗 组件优化，新增属性支持absolute定位，以便用于其他组件内',
'Validator 表单验证（JS）组件优化，支持校验所有元素并返回所有错误信息',
'Form 表单校验 组件优化，支持校验所有元素并返回所有错误信息',
'Radio 单选框 组件优化，修复Nvue端vue3下可能显示不正确的问题',
'Checkbox 复选框 组件优化，修复Nvue端vue3下可能显示不正确的问题',
'Switch 开关 组件优化，修复Nvue端vue3下可能显示不正确的问题',
'OverflowHidden 内容超出隐藏 组件优化，新增部分属性',
'Lazyload 图片懒加载 组件优化，新增部分属性',
'修复部分已知问题'
],
'V1.8.0': [
'UploadVideo 视频上传 组件优化，修复H5端无法播放非https地址视频的问题',
'Layout 栅格布局 组件优化，修复Nvue端css编译报错的问题',
'Input 输入框 组件优化，修复input组件type=digit时，小数部分无法录入0问题',
'Input 输入框 组件优化，App与H5端password属性使用v-bind动态绑定，为false时，不添加password属性',
'Input 输入框 组件优化， 新增 readonly 属性，与disabled不同的是readonly属性保留了清空按钮使用，readonly优先级高于disabled',
'Form 表单校验 组件 与 FormItem 表单项优化，可在Form组件设置部分props统一控制FormItem中部分样式，优先级：FormItem组件props > Form组件props > 全局属性',
'Picker 选择器 组件优化，修复多级联动选择时设置默认值可能部分列不生效问题',
'DatePicker 日期时间选择器 组件优化，新增属性valueEnd，优化区间选择时默认值设置，起始日期与结束日期默认值分别使用属性 value 与 valueEnd，设置默认值后可直接点击确认按钮返回',
'Calendar 日历 组件优化，新增属性 isMultiple，用于控制是否一次性加载一年的日历数据',
'Upload 图片上传 组件优化，新增默认插槽用于自定义上传加号图标',
'UploadVideo 视频上传 组件优化，新增默认插槽用于自定义上传加号图标',
'Switch 开关 组件优化',
'Cascader 级联选择器 组件优化',
'Drag 拖拽排序 组件优化，修复编译到微信小程序端内容超过一屏页面无法滚动的问题',
'Avatar 头像 组件优化，新增图片加载出错时 @error 事件以及新增属性 errorSrc 配置图片加载失败时的默认图',
'Table 表格 组件优化，修复vue3下事件未声明报警告的问题',
'Table 表格 组件增加列渲染方法，可根据当前列数据设置单元格内的文本颜色',
'Table 表格 header属性增加align配置，优先级大于属性align',
'DataTag 标签选择组件优化，新增默认选中示例',
'DataTag 标签选择组件优化，新增multipleMin属性，仅多选时有效，当选择数小于最小值时不可反选',
'DataTag 标签选择组件优化，当options传值为对象数组时，对象中新增属性 isAll 可设置其中一个为全选按钮标签，与其他标签操作互斥，仅多选时有效',
'Drawer 抽屉 组件优化，新增radius属性设置圆角值',
'Modal 模态框 组件优化，修复已知问题，新增padding属性',
'Tabs 标签页 组件优化，修复vue3 + Nvue下文字可能不显示的问题',
'Request 网络请求 组件 优化，get请求支持参数值为数组，详见文档',
'Animation 动画 组件 属性styles参数传值优化，默认值写入组件方法内部，styles仅做替换合并使用',
'修复部分已知问题'
],
'V1.9.0': [
'新增 聊天模板 A，项目包含验证码登录、注册、选择国家或地区、输入验证码、聊天列表、聊天、联系人、个人中心、个人信息、通知等页面（物料）',
'新增 聊天模板 B，项目包含小程序一键登录、手机号一键登录、手机验证码登录、聊天、首页、个人中心、我要合作、个人信息、支付状态、会员等页面（物料）',
'FilterBar 筛选栏 组件优化，新增属性 coexist 设置 dropdown、text、switch等类型筛选条件是否不互斥，可查看示例演示',
'CheckBox 复选框组件优化，修复vue3下编译到H5可能点击不能触发选中的问题',
'Radio 单选框 组件优化，修复vue3下编译到H5可能点击不能触发选中的问题',
'Picker 选择器 组件优化，修复属性value传值为Number类型时出现警告的问题',
'Tabs 标签页 组件优化，新增center属性设置底部滑块是否居中显示',
'FormItem 表单项组件优化，新增asteriskPosition属性设置必填星号位置，新增labelAlign属性设置label对齐方式，默认使用全局配置',
'Textarea 多行输入框组件优化，新增radius属性设置圆角值',
'Input 输入框 组件 新增passwod类型示例，可显示或隐藏密码',
'Layout 栅格布局 组件优化，修复Nvue端css编译报警告的问题',
'DatePicker 日期时间选择器 组件优化，修复已知问题',
'Tabs 标签页 组件优化，修复可能导致页面卡住不显示的问题',
'IndexList 索引列表 组件优化，修复并优化已知问题',
'SingleInput 单输入框组件优化，修复nvue中可能出现输入框无法获取焦点问题',
'组件文档搜索优化，能快速定位到搜索内容',
'修复部分已知问题'
],
'V1.9.1': [
'SwipeAction 滑动菜单 组件优化，修复Nvue端滑动关闭时报错的问题',
'InputNumber 数字输入框 组件优化，去除谷歌浏览器pc端自带默认箭头',
'Select 选择器 组件优化，修复Nvue端编译部分机型可能会出现header高度不正确的问题',
'Switch 开关 组件优化，修复vue3下编译到H5可能点击不能触发选中的问题',
'Modal 模态框 组件优化，修复Nvue下Android端点击按钮不触发事件的问题',
'SwipeAction 滑动菜单 组件优化，修复vue3下H5端禁用滑动失效的问题',
'Drag 拖拽排序 组件优化，修复vue3下wxs方法无法与data数据混用导致事件失效的问题，此bug为uni-app编译问题，后续若官方修复再进行优化调整',
'Select 选择器 组件优化，item项图片新增属性设置背景色和裁剪、缩放方式',
'Grid 宫格 组件优化，item项（fui-grid-item）新增click事件，原fui-grid组件事件不变',
'DatePicker 日期时间选择器 组件优化，修复设置 最小值（minDate）和 最大值（maxDate）显示不正确的问题',
'BubbleBox 气泡框 组件优化，position 值为 absolute 时，支持设置left（right）、top（bottom）值',
'优化部分已知问题'
],
'V1.9.5': [
'新增 Link 超链接 组件',
'新增 Lottie 动画组件',
'快手小程序支持优化，文档相应调整',
'Upload 图片上传 组件优化，新增属性设置边框，圆角值，加号字体大小等',
'UploadVideo 视频上传 组件优化，新增属性设置边框，圆角值，加号字体大小等',
'Text 文本 组件优化，新增 unShrink 属性，设置flex布局下取消收缩',
'SingleInput 单输入框组件优化，修复已知问题',
'Circle 圆形进度条 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'Poster 绘制分享海报 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'Qrcode 二维码 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'Barcode 条形码 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'Autograph 手写签名 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'SliderCaptcha 滑块拼图验证 组件优化，修复vue3下编译到头条/抖音小程序不显示的问题',
'DataTag 标签选择组件优化，新增属性设置默认边框颜色',
'Pagination 分页器 组件优化，新增页码展示类型',
'SwipeAction 滑动菜单 组件优化，修复已知问题',
'Drag 拖拽排序 组件优化，修复vue2编译到app端初始化异常的问题',
'ChatBar 聊天栏 优化，修复已知问题',
'Circle 圆形进度条 组件优化，非Nvue端支持设置渐变色',
'SearchBar 搜索栏 组件优化，新增reset方法，设置组件回到初始化状态',
'SearchBar 搜索栏 组件优化，Nvue端样式调整，修复Nvue端点击可能无法直接弹起键盘的问题',
'Calendar 日历 组件优化，修复Nvue端可能不显示的问题',
'SlideVerify 滑动验证 组件优化，修复vue3下非nvue运行到app端多次操作时滑动出现卡顿问题',
'RotateVerify 旋转验证 组件优化，修复vue3下非nvue运行到app端多次操作时滑动出现卡顿问题',
'SliderCaptcha 滑块拼图验证 组件优化，修复vue3下非nvue运行到app端多次操作时滑动出现卡顿问题',
'PuzzleVerify 滑块拼图验证 组件优化，修复vue3下非nvue运行到app端多次操作时滑动出现卡顿问题',
'Picker 选择器 组件优化，Nvue端支持暗黑模式',
'DatePicker 日期时间选择器 组件优化，Nvue端支持暗黑模式',
'Picker 选择器 组件优化，操作过快可能导致返回值更新不正确的问题，部分问题需更新开发工具版本至 Hbuilder X 3.7.13.20230411-alpha+',
'Picker 选择器 组件优化，新增 isClose 属性设置点击确认按钮后是否立即关闭选择弹框，设置为false需要自行关闭（@change事件中需要对选择值做校验时可使用）',
'DatePicker 日期时间选择器 组件优化，新增 isClose 属性设置点击确认按钮后是否立即关闭选择弹框，设置为false需要自行关闭（@change事件中需要对选择值做校验时可使用）',
'Select 选择器 组件优化，属性（props） options 新增 disabled 属性控制是否禁用选择',
'Barcode 条形码 页面示例优化，调整输入框值判断出错的问题（输入框type=number时返回的是Number类型值）',
'Button 按钮 组件优化，新增小程序端部分事件，具体查看文档介绍',
'Circle 圆形进度条 组件优化，修复vue2下H5端运行控制台报错的问题',
'优化部分已知问题'
],
'V1.9.8': [
'新增 MovableView 可移动的视图容器 组件',
'新增 HorizontalScroll 横向滚动的视图容器 组件',
'全局配置 fui-config 新增部分内容，详见文档',
'优化 vue3 下，Nvue中使用Vuex的相关API报错的问题',
'Waterfall 瀑布流 组件优化，新增属性设置图片高度。当图片高度已知且固定时可直接设置值，可有效缩短渲染时间',
'Button 按钮 组件优化，优化vue3下结合原生表单提交问题',
'FormField 表单数据传递 组件优化，移除vue3下behaviors限制',
'CheckBox 复选框组件 优化，优化vue3下结合原生表单提交获取值问题',
'Radio 单选框 组件优化，优化vue3下结合原生表单提交获取值问题',
'Switch 开关 组件优化，移除vue3下behaviors限制',
'Textarea 多行输入框 组件优化，移除vue3下behaviors限制',
'Input 输入框 组件优化，移除vue3下behaviors限制',
'Button 按钮 组件优化， 新增 btnSize 属性设置按钮大小，优先级高于 width 和 height 属性',
'Form 表单校验 组件 与 FormItem 表单项组件优化，新增属性 labelWeight 设置label 字重，默认使用全局配置',
'Textarea 多行输入框 组件优化，属性 textareaBorder 为 true 时，支持设置边框颜色，支持设置圆角时显示边框',
'Input 输入框 组件优化，属性 inputBorder 为 true 时，支持设置边框颜色，支持设置圆角时显示边框',
'Rate 评分 组件优化，优化组件嵌套在 Drawer 抽屉 组件中使用时距离计算错误的问题，当使用非FirstUI 抽屉组件时需调用setParentWidth方法修正，详见文档',
'Picker 选择器 组件优化，修复已知问题',
'DatePicker 日期时间选择器 组件优化，修复已知问题',
'SearchBar 搜索栏 组件优化，新增默认插槽可自定左侧展示内容，如返回箭头',
'OverflowHidden 内容超出隐藏 组件示例优化',
'DatePicker 日期时间选择器 组件优化，区间选择时逻辑调整，未选则时点击确认按钮会默认赋值当前选项',
'Table 表格 组件优化，新增多选功能，详见文档',
'Avatar 头像 组件优化，新增 block 属性设置是否为块状元素，修复当为行内元素时外层容器底部可能出现间隙的问题',
'Steps 步骤条 组件优化，新增属性设置当前步骤的状态及颜色，新增属性设置线条是否加粗',
'Fab 浮动按钮 组件优化，新增属性isDrag设置是否可以拖拽移动位置',
'Upload 图片上传 组件优化，新增扩展方法进行上传，为了更好的满足更多场景需求，详见文档及示例',
'UploadVideo 视频上传 组件优化，新增扩展方法进行上传，为了更好的满足更多场景需求，详见文档及示例',
'SearchBar 搜索栏 组件优化，修复H5及部分平台点击一次无法弹起键盘的问题，修复设置value值初始化错误的问题',
'Gallery 画廊 组件优化，修复描述文本可能不显示的问题',
'BubbleBox 气泡框 组件优化，right 属性默认值改为0',
'Select 选择器 组件优化，修复已知问题',
'Alert 警告框 组件优化，Nvue端type主色默认使用 fui-config 中配置的颜色',
'Badge 徽章 组件优化，Nvue端type主色默认使用 fui-config 中配置的颜色',
'Button 按钮 组件优化，Nvue端type主色默认使用 fui-config 中配置的颜色',
'Calendar 日历 组件优化，主色默认使用 fui-config 中配置的颜色',
'Cascader 级联选择器 组件优化，Nvue 端主色默认使用 fui-config 中配置的颜色',
'CheckBox 复选框组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Circle 圆形进度条 组件优化，主色默认使用全局配置（fui-config）颜色',
'CountdownVerify 验证码倒计时 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'DataTag 标签选择组件优化，主色默认使用全局配置（fui-config）颜色',
'DatePicker 日期时间选择器 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Dialog 对话框 组件优化，主色默认使用全局配置（fui-config）颜色',
'DigitalKeyboard 数字键盘 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'DigitalRoller 数字滚轮 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'DropdownList 下拉菜单 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'DropdownMenu 下拉菜单 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Fab 浮动按钮 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Footer 页脚 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Form 表单校验 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'FormItem 表单项组件优化，主色默认使用全局配置（fui-config）颜色',
'IndexList 索引列表 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Input 输入框 组件优化，主色默认使用全局配置（fui-config）颜色',
'LicensePlate 车牌号键盘 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Link 超链接 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'LoadMore 加载更多 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Modal 模态框 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'NoticeBar 通告栏 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Pagination 分页器 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Picker 选择器 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Progress 进度条 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'PuzzleVerify 滑块拼图验证 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Radio 单选框 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Rate 评分 组件优化，主色默认使用全局配置（fui-config）颜色',
'Result 结果页 组件优化，Nvue端 type 主色默认使用全局配置（fui-config）颜色',
'RotateVerify 旋转验证 组件优化，主色默认使用全局配置（fui-config）颜色',
'SearchBar 搜索栏 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'SegmentedControl 分段器 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Select 选择器 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'SingleInput 单输入框组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'SlideVerify 滑动验证 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Slider 滑块 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'SliderCaptcha 滑块拼图验证 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Steps 步骤条 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'SwipeAction 滑动菜单 组件优化，主色默认使用全局配置（fui-config）颜色',
'SwiperDot 轮播图指示点组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Switch 开关 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Tabbar 标签栏 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Table 表格 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Tabs 标签页 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Tag 标签 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Text 文本 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Textarea 多行输入框组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'UploadVideo 视频上传 组件优化，主色默认使用全局配置（fui-config）颜色',
'Vtabs 纵向选项卡 组件优化，Nvue端主色默认使用全局配置（fui-config）颜色',
'Icon 图标 组件优化，全局配置中新增color配置',
'List 列表 组件优化，新增全局配置',
'优化部分已知问题'
],
'V1.9.9': [
'新增 [WEEX文档](https://weex.firstui.cn/)，方便.nvue开发App时查阅相关文档，更多文档可查看uniapp官方文档',
'新增 Section 标题栏 组件',
'新增 BannerArc 横幅底部圆弧 组件',
'Select 选择器 组件优化，新增属性设置 options 数据中约定的text和src的key值',
'Preview 表单预览 组件优化，新增属性设置内容文本对齐方式',
'DatePicker 日期时间选择器 组件优化，最大值和最小值格式优化，支持传入年、年-月、年-月-日',
'Tabbar 标签栏 组件优化，非nvue端新增属性设置是否返回异形屏底部安全区域固定高度',
'Table 表格 组件优化，新增排序功能，详见示例程序以及文档说明',
'Calendar 日历 组件优化，新增方法设置日历当前月份自定义描述内容',
'Input 输入框 组件优化，修复安卓nvue端点击事件无法冒泡问题',
'Footer 页脚 组件优化，修复小程序端样式警告问题',
'Avatar 头像 组件优化，修复已知问题，图片缩放模式默认值调整',
'SearchBar 搜索栏 组件优化，修复H5端可能需要点两次才能弹起键盘的问题',
'SwipeAction 滑动菜单 组件优化，新增marginTop、marginBottom属性',
'Loading 加载 组件优化，新增属性设置遮罩背景颜色',
'ShareSheet 分享面板 组件优化，增加按钮 openType 属性支持， openType 属性详见官网button按钮文档介绍',
'NavBar 导航栏 组件优化，新增属性设置当isFixed为true时是否默认占位，防止高度塌陷，详见文档使用',
'Radio 单选框 组件优化，修复已知问题',
'Preview 表单预览 组件优化，修复部分样式可能在vue3下不生效的问题',
'Panel 面板 组件优化，修复部分样式可能在vue3下不生效的问题',
'Layout 栅格布局 组件（fui-row）组件优化，修复部分样式可能在vue3下不生效的问题',
'Table 表格 组件优化，修复已知问题',
'Steps 步骤条 组件优化，修复已知问题',
'Fab 浮动按钮 组件优化',
'MovableView 可移动的视图容器 组件优化',
'Input 输入框 组件优化，非Nvue端边框颜色默认可通过css变量修改',
'Textarea 多行输入框 组件优化，非Nvue端边框颜色默认可通过css变量修改',
'List 列表 组件优化',
'Vtabs 纵向选项卡 组件优化',
'Collapse 折叠面板 组件优化',
'Lazyload 图片懒加载 组件优化，优化已知问题',
'Waterfall 瀑布流 组件优化',
'Drawer 抽屉 组件优化，修复Nvue端报错问题',
'Picker 选择器 组件优化，修复已知问题',
'DatePicker 日期时间选择器 组件优化，修复nvue端判断出错导致change事件未触发问题',
'Input 输入框 组件优化，优化type=number时，增加安全整数的范围的判断',
'Button 按钮 组件优化',
'优化部分已知问题'
],
'V2.0.0':[
'新增组件在nvue下使用示例 FirstUI-nvue，vue版本示例保持不变，使用组件请先阅读文档提示，建议按文档提示使用',
'DataTag 标签选择组件优化，change事件新增返回options数据item项',
'LoadAni 加载动画 组件优化，新增支持nvue，使用方法一致，详见文档',
'Calendar 日历 组件优化，新增属性设置最多可选天数，详见文档描述',
'Preview 表单预览 组件优化，list内容新增点击事件，并新增方法修改点击行的内容值，详见文档描述',
'Badge 徽章 组件优化，修复传中文被截断的问题',
'Picker 选择器 组件优化，nvue下默认值设置逻辑调整，部分样式调整',
'DatePicker 日期时间选择器 组件优化，nvue下默认值设置逻辑调整，部分样式调整',
'ImageCropper 图片裁剪 组件优化，调整部分数据类型，修复初始化传入图片位置可能显示不正确的问题',
'Text 文本 组件优化，修复nvue端无法换行的问题',
'Grid 宫格 组件优化，新增部分属性，修复nvue端数据过多可能导致不显示的问题',
'Input 输入框 组件优化，修复nvue端ios无法输入的问题，此问题是由于解决android端点击事件无法冒泡导致',
'Preview 表单预览 组件优化，修复nvue端内容文本可能不换行的问题',
'Card 卡片 组件优化，调整nvue端部分属性',
'Layout 栅格布局 组件（fui-row）组件优化，修复.nvue页面编译到非app页面布局排版不正确的问题',
'Textarea 多行输入框 组件优化，调整部分逻辑',
'Sticky 吸顶容器 组件优化，调整部分逻辑',
'Spin 旋转动画组件优化，调整部分逻辑',
'ShareSheet 分享面板 组件优化，调整部分逻辑',
'Rate 评分 组件优化，调整部分逻辑，新增方法重置组件',
'Loading 加载 组件优化，调整部分逻辑',
'LoadMore 加载更多 组件优化，调整部分逻辑',
'Lazyload 图片懒加载 组件优化，调整部分逻辑',
'IndexList 索引列表 组件优化，调整部分逻辑',
'HorizontalScroll 横向滚动的视图容器 组件优化，调整部分逻辑',
'Fab 浮动按钮 组件优化，调整部分逻辑',
'Drawer 抽屉 组件优化，调整部分逻辑',
'Circle 圆形进度条 组件优化，调整部分逻辑',
'Backdrop 遮罩层 组件优化，调整部分逻辑',
'Cascader 级联选择器 组件优化，修复nvue下超出一屏可能无法滚动的问题',
'Select 选择器 组件优化，调整部分样式',
'Switch 开关 组件优化，修复已知问题',
'SearchBar 搜索栏组件优化，搜索按钮文本传空则可隐藏此按钮',
'Pagination 分页器 组件优化，修复已知问题',
'Tabs 标签页 组件优化，修复已知问题',
'Steps 步骤条 组件优化，修复已知问题',
'Tag 标签 组件优化，新增属性设置是否需要边框',
'Result 结果页 组件优化，修复已知问题',
'Input 输入框 组件优化，修复nvue下获取焦点 focus 属性控制可能不生效的问题',
'Textarea 多行输入框 组件优化，修复nvue下获取焦点 focus 属性控制可能不生效的问题',
'Skeleton 骨架屏 组件优化，nvue端加入动画效果',
'优化部分已知问题'
]
},
logs: []
}
},
onLoad(e) {
this.date = e.date || '2021-07-26';
this.version = e.version || 'V1.0.0';
this.logs = this.logList[this.version] || ['开发中~'];
}
}
</script>
<style>
page {
font-weight: normal;
background-color: #fff;
}
.fui-title {
font-weight: 600;
}
.fui-content {
width: 100%;
padding: 32rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.fui-p {
width: 100%;
padding-bottom: 32rpx;
word-break: break-all;
display: flex;
line-height: 44rpx;
}
.fui-sign {
padding-right: 8rpx;
}
</style>

81
pages/my/partner/partner.vue Normal file
View 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>

95
pages/my/qa/qa.vue Normal file
View File

@ -0,0 +1,95 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86140 72 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<fui-list-cell bottom-right="32" :highlight="false">
<text class="fui-title">{{title}}</text>
</fui-list-cell>
<view class="fui-content">
<view class="fui-p" v-for="(item,index) in answers" :key="index">
<text class="fui-sign" v-if="answers.length>1">-</text>
<text>{{item}}</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: '',
answerList: {
0: ['可以，组件支持按需引入，详见 First UI 文档 “快速上手”，使用组件前请先仔细阅读组件文档。'],
1: ['参考uni-app官方组件：cover-view/cover-image', '建议使用 v-if 控制显隐'],
2: ['First UI 分为 “开源版” 和 “商业版”，所有示例或文档中加 “V” 的表示需要开通相应版本会员才可获取源码使用，会员内容不会发布到任何公开渠道。'],
3: ['支持。组件支持哪些平台请参考组件具体文档，每个组件文档中都有支持平台的说明。'],
4: ['支持情况同uni-app官方一致，具体请前往uni-app官网查看。'],
5: ['如果控制台有提示方法未定义，请先查看示例的引用，如检查 main.js 中是否有引用，然后检查一下自己的代码是否复制完整。'],
6: ['将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。'],
7: ['原因一可能是调试基础库版本较低，请先检查小程序开发工具调试基础库的版本是否为比较新的版本，如果不是，切换至比较新的版本重新编译',
'原因二可能是未配置appid，请配置小程序的appid'
],
8: ['TypeError: Cannot read property ‘mark’ of undefined...',
'出现此错误一般是程序中ES7语法导致编译错误，解决办法：尝试将开发工具 “详情->本地设置->增强编译” 勾选上，重新编译。'
],
9: ['更多的功能可供使用，详细区别请参考 First UI 文档 “FAQ”。'],
10: ['除了获取商业版组件源码外，会员还可以获取示例项目中布局版块的源码', '物料商城中产品可享受折扣(特殊产品除外)', '可进会员交流群。', '可在社区中发帖提问'],
11: ['购买会员后，首次下载源码时会生成一份商业授权书，授权之前需要确定被授权方信息为个人还是企业', '个人会员 商业版源码仅可用于自己独立运营的项目或学习使用，不可用于所在公司的任何项目',
'企业会员 商业版源码仅可用于该企业内部任何自营项目'
],
12: ['可商用(仅用于自己的项目或公司自营项目)，也可学习使用', '使用时无需署名', '不限制你自己或公司的项目数量',
'不能将 First UI 平台的内容提供给他人或其他机构，企业下载', '不能转让，出售这份源码(包含用 First UI 开发的任何项目)，双方必须同为VIP用户才可进行',
'不能用于开源项目，不能发布到任何公开渠道(包含用 First UI 开发的任何项目)',
'不能用于外包项目(包含用 First UI 开发的任何项目)，双方必须同为VIP用户才可进行', '最终解释权归 First UI 所有，侵权必究'
],
13: ['开通以及查看会员价格请前往 First UI官网 （firstui.cn)，随着功能的增加与完善，会员价格会相应调整。', '在官网购买开通会员后，个人中心订单页即可下载会员源码'],
14: ['永久性会员，付费某一版本，后续升级更新该版本不需要再支付费用。'],
15: ['可以。会员用户可在会员中心给第三方用户代购商业授权，没有次数限制', '需填写第三方用户基本信息，走完支付流程后会生成代购商业源码下载地址',
'首次下载代购商业源码时会生成一份代购商业授权书'
],
16: ['可以。购买所需版本会员或者其他产品后可联系 FirstUI客服 开具电子发票。']
},
answers: []
}
},
onLoad(e) {
const index = Number(e.index) || 0;
this.title = e.title || '我只想用某个组件可以吗？';
this.answers = this.answerList[index]
},
methods: {
}
}
</script>
<style>
page {
background-color: #FFFFFF;
font-weight: normal;
}
.fui-title {
font-weight: 600;
}
.fui-content {
width: 100%;
padding: 32rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.fui-p {
width: 100%;
padding-bottom: 32rpx;
word-break: break-all;
display: flex;
line-height: 44rpx;
}
.fui-sign {
padding-right: 8rpx;
}
</style>

316
pages/my/share/share.vue Normal file
View File

@ -0,0 +1,316 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 14 07 2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<view class="fui-bg__box">
<image src="/static/images/share/img_bg_3x.png" mode="widthFix" class="fui-share__bg"></image>
<view class="fui-logo__box">
<image class="fui-logo" src="/static/images/common/img_logo.png"></image>
<view class="fui-text">First UI组件库</view>
</view>
</view>
<view class="fui-qrcode__box">
<!-- #ifdef MP-WEIXIN -->
<image src="/static/images/qrcode/wx_qrcode.jpg" mode="widthFix" class="fui-qrcode"></image>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY-->
<image src="/static/images/qrcode/ali_qrcode.png" mode="widthFix" class="fui-qrcode"></image>
<!-- #endif -->
<!-- #ifdef MP-QQ-->
<image src="/static/images/qrcode/qq_qrcode.jpg" mode="widthFix" class="fui-qrcode"></image>
<!-- #endif -->
<!-- #ifdef MP-BAIDU-->
<image src="/static/images/qrcode/baidu_qrcode.png" mode="widthFix" class="fui-qrcode"></image>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN || MP-ALIPAY || MP-QQ || MP-BAIDU -->
<image src="/static/images/qrcode/h5_qrcode.png" mode="widthFix" class="fui-qrcode"></image>
<!-- #endif -->
</view>
<view class="fui-btn__box">
<fui-button open-type="share" @tap="share" radius="100rpx"
background="-webkit-linear-gradient(90deg, #465CFF 0%, #6831FF 100%)" :margin="['64rpx','0','32rpx']">
<view class="fui-flex__center">
<image class="fui-share__ic" src="/static/images/share/icon_share_3x.png"></image>
<text>分享好友</text>
</view>
</fui-button>
<fui-button radius="100rpx" background="#F1F4FA" color="#333333" borderColor="#465CFF"
@click="generatePoster">
<view class="fui-flex__center">
<image class="fui-share__ic" src="/static/images/share/icon_picture_3x.png"></image>
<text>生成海报</text>
</view>
</fui-button>
<!-- #ifdef MP-BAIDU-->
<fui-animation :duration="500" :animationType="['fade']" :styles="styles" :show="show" @click="handleClick">
<view class="fui-ani__box">
<image class="fui-poster__img" :src="filePath" mode="widthFix"></image>
<view class="fui-flex__center">
<fui-button type="purple" btn-size="medium" radius="100rpx" @click="saveImage">保存到相册
</fui-button>
</view>
</view>
</fui-animation>
<!-- #endif -->
</view>
<fui-poster ref="generator" :width="750" :height="1064" @ready="ready"></fui-poster>
</view>
</template>
<script>
import $fui from '@/components/firstui/fui-clipboard';
export default {
data() {
return {
posterData: {
imgs: [{
imgResource: '/static/images/share/img_bg_3x.png',
x: 64,
y: 112,
width: 622,
height: 466,
zIndex: 1
}, {
imgResource: '/static/images/common/img_logo.png',
x: 329,
y: 48,
width: 92,
height: 92,
borderRadius: 24,
zIndex: 3
}, {
// #ifdef MP-WEIXIN
imgResource: '/static/images/qrcode/wx_qrcode.jpg',
// #endif
// #ifdef MP-ALIPAY
imgResource: '/static/images/qrcode/ali_qrcode.png',
// #endif
// #ifdef MP-QQ
imgResource: '/static/images/qrcode/qq_qrcode.jpg',
// #endif
// #ifdef MP-BAIDU
imgResource: '/static/images/qrcode/baidu_qrcode.png',
// #endif
// #ifndef MP-WEIXIN || MP-ALIPAY || MP-QQ || MP-BAIDU
imgResource: '/static/images/qrcode/h5_qrcode.png',
// #endif
x: 175,
y: 546,
width: 400,
height: 400,
zIndex: 3
}],
blocks: [{
width: 750,
height: 1064,
x: 0,
y: 0,
backgroundColor: '#F1F4FA'
}, {
width: 512,
height: 512,
x: 119,
y: 490,
backgroundColor: '#FFFFFF',
borderRadius: 48,
shadow: {
offsetX: 0,
offsetY: 20,
blur: 50,
color: 'rgba(9, 41, 134, 0.12)'
},
zIndex: 2
}],
texts: [{
text: 'First UI组件库',
x: 375,
y: 184,
fontSize: 28,
color: '#181818',
width: 184,
fontWeight: 'bold',
textAlign: 'center',
zIndex: 3
}]
},
isReady: false,
//海报绘制完成保存路径，避免重复绘制
filePath: '',
show: false,
styles: {
position: 'fixed',
bottom: 0,
top: 0,
left: 0,
right: 0,
display: 'flex',
'justify-content': 'center',
'align-items': 'center',
backgroundColor: 'rgba(0,0,0,0.6)'
}
}
},
methods: {
ready() {
this.isReady = true
},
previewImage() {
// #ifndef MP-BAIDU
uni.previewImage({
// #ifdef MP-ALIPAY
enablesavephoto: true,
enableShowPhotoDownload: true,
// #endif
urls: [this.filePath]
})
// #endif
// #ifdef MP-BAIDU
setTimeout(() => {
this.show = true
}, 50)
// #endif
},
generatePoster() {
if (this.isReady) {
//已经绘制直接使用，避免重复绘制
if (this.filePath) {
this.previewImage()
} else {
uni.showLoading({
title: '正在生成...'
})
//绘制海报
this.$refs.generator.generatePoster(this.posterData, (res) => {
//海报图片res
console.log(res)
this.filePath = res;
this.previewImage()
uni.hideLoading()
})
}
} else {
this.fui.toast('组件尚未初始化完成！')
}
},
saveImage() {
//百度小程序
this.$refs.generator.saveImage(this.filePath)
},
handleClick() {
//百度小程序
this.show = false;
},
share(e) {
//#ifdef APP-PLUS
plus.share.sendWithSystem({
content: 'First UI组件库',
href: 'https://firstui.cn/',
pictures: ['/static/images/common/logo.png']
},
function() {
console.log('分享成功');
},
function(e) {
console.log('分享失败：' + JSON.stringify(e));
}
);
//#endif
// #ifdef H5
const text = 'First UI组件库，官网链接：https://firstui.cn/'
$fui.getClipboardData(text, res => {
this.fui.toast('链接复制成功，快去分享吧~');
}, e);
// #endif
}
},
onShareAppMessage() {
return {
title: 'First UI组件库'
}
}
}
</script>
<style>
.fui-wrap {
width: 100%;
padding: 0 64rpx 64rpx;
box-sizing: border-box;
}
.fui-bg__box {
width: 100%;
position: relative;
}
.fui-share__bg {
width: 100%;
height: 466rpx;
display: block;
margin-top: 112rpx;
}
.fui-logo__box {
width: 100%;
position: absolute;
top: 48rpx;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fui-logo {
width: 96rpx;
height: 96rpx;
border-radius: 16rpx;
}
.fui-text {
font-size: 28rpx;
padding-top: 16rpx;
}
.fui-qrcode__box {
width: 512rpx;
height: 512rpx;
padding: 56rpx;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 0 20rpx 20rpx 0 rgba(9, 41, 134, 0.12);
border-radius: 48rpx;
margin: -88rpx auto 0;
position: relative;
z-index: 10;
}
.fui-qrcode {
width: 100%;
height: 400rpx;
}
.fui-btn__box {
width: 100%;
}
.fui-share__ic {
width: 48rpx;
height: 48rpx;
margin-right: 16rpx;
}
.fui-ani__box {
width: 600rpx;
border-radius: 24rpx;
}
.fui-poster__img {
width: 100%;
border-radius: 24rpx;
margin-bottom: 30rpx;
display: block;
}
</style>

95
pages/my/updated/updated.vue Normal file
View File

@ -0,0 +1,95 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6 140 725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap fui-page__bd">
<fui-list-cell bottom-right="32" arrow v-for="(item,index) in logs" :key="index"
@click="detail(item.date,item.version)">
<view>
<view class="fui-title">First UI {{item.version}} 主要更新</view>
<view class="fui-date">{{item.date}}</view>
</view>
</fui-list-cell>
</view>
</template>
<script>
export default {
data() {
return {
logs: [{
date: '2023.07.17',
version: 'V2.0.0'
}, {
date: '2023.06.25',
version: 'V1.9.9'
}, {
date: '2023.05.29',
version: 'V1.9.8'
}, {
date: '2023.05.04',
version: 'V1.9.5'
}, {
date: '2023.04.04',
version: 'V1.9.1'
}, {
date: '2023.03.17',
version: 'V1.9.0'
}, {
date: '2023.01.31',
version: 'V1.8.0'
}, {
date: '2022.09.28',
version: 'V1.7.0'
}, {
date: '2022.06.26',
version: 'V1.6.0'
}, {
date: '2022.05.18',
version: 'V1.5.0'
}, {
date: '2022.03.16',
version: 'V1.4.0'
}, {
date: '2021.12.31',
version: 'V1.3.0'
}, {
date: '2021.11.22',
version: 'V1.2.0'
}, {
date: '2021.09.07',
version: 'V1.1.0'
}, {
date: '2021.08.02',
version: 'V1.0.0'
}]
}
},
methods: {
detail(date, version) {
this.fui.href(`../log/log?date=${date}&version=${version}`)
}
}
}
</script>
<style>
page {
background-color: #fff;
font-weight: normal;
padding-bottom: 64rpx;
}
.fui-wrap {
padding-top: 32rpx;
}
.fui-title {
font-size: 28rpx;
font-weight: 500;
}
.fui-date {
font-size: 24rpx;
color: #B2B2B2;
padding-top: 8rpx;
}
</style>

256
pages/my/vip/vip.vue Normal file
View File

@ -0,0 +1,256 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 61 4 07 25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<view class="fui-banner__box">
<image :src="`${resUrl}/member/img_banner_3x.png`" mode="widthFix" class="fui-banner__img"></image>
</view>
<view class="fui-page__bd fui-page__spacing">
<view class="fui-content__box">
<image :src="`${resUrl}/member/img_mod_bg.png`" class="fui-bg__img"></image>
<view class="fui-btn__top fui-flex__center">加入会员 <text class="fui-pl">享受权益</text></view>
<view class="fui-inner__box">
<view class="fui-intro__text">组件数：<text>120</text>+ /永久使用 </view>
<fui-button radius="100rpx" background="linear-gradient(180deg, #E3BF82 0%, #997B4A 100%)"
borderColor="rgba(0,0,0,0)" border-width="0" @click="purchase">
<!-- #ifdef MP-TOUTIAO || MP-BAIDU || MP-QQ -->
{{status==1?'立即开通':'获取组件'}}
<!-- #endif -->
<!-- #ifndef MP-TOUTIAO || MP-BAIDU || MP-QQ -->
立即开通
<!-- #endif -->
</fui-button>
<view class="fui-menu__box">
<view class="fui-menu__item" v-for="(item,index) in menus" :key="index" @tap="href(index)">
<image :src="`/static/images/member/icon_${item.icon}_3x.png`"></image>
<view class="fui-title">{{item.title}}</view>
</view>
</view>
</view>
</view>
</view>
<fui-animation :duration="500" :animationType="['fade']" :styles="styles" :show="show" @click="handleClick">
<view class="fui-ani__box">
<!-- @tap.stop="" 阻止关闭-->
<image class="fui-hd__img" src="/static/images/member/light/img_layer_3x.png" mode="widthFix"></image>
<view class="fui-flex__center fui-flex__column">
<view class="fui-ani__title">开通会员</view>
<view class="fui-desc">会员开通请前往 First UI官网(<text>firstui.cn</text>)，在官网购买开通会员后，前往个人中心订单页即可下载会员源码。
</view>
<fui-button btn-size="medium" radius="100rpx"
background="linear-gradient(180deg, #E3BF82 0%, #997B4A 100%)" borderColor="rgba(0,0,0,0)"
border-width="0" @click="getLink">复制官网链接</fui-button>
</view>
</view>
</fui-animation>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
import $fui from '@/components/firstui/fui-clipboard';
export default {
data() {
return {
resUrl:this.fui.resUrl(),
menus: [{
icon: 'vip',
title: 'VIP的优势？'
}, {
icon: 'difference',
title: '商用版的区别？'
}, {
icon: 'date',
title: 'VIP的有效期？'
}],
show: false,
styles: {
position: 'fixed',
bottom: 0,
top: 0,
left: 0,
right: 0,
/* #ifndef APP-NVUE */
display: 'flex',
/* #endif */
'justify-content': 'center',
'align-items': 'center',
backgroundColor: 'rgba(0,0,0,0.6)'
}
}
},
computed: mapState(['status']),
methods: {
href(index) {
let title = [
'会员除了获取商业版组件源码外与非会员有什么其他优势？',
'开源版与商业版有什么区别?',
'会员的有效期是多久?'
][index];
let idx = [10, 9, 14][index];
this.fui.href(`../qa/qa?index=${idx}&title=${title}`)
},
purchase(mask) {
// #ifdef MP-TOUTIAO || MP-BAIDU || MP-QQ
if (this.status == 0) {
this.fui.toast('功能完善中~')
} else {
setTimeout(() => {
this.show = true;
}, 80);
}
// #endif
// #ifndef MP-TOUTIAO || MP-BAIDU || MP-QQ
setTimeout(() => {
this.show = true;
}, 80);
// #endif
},
handleClick() {
this.show = false;
},
getLink(e) {
$fui.getClipboardData('https://www.firstui.cn/', res => {
this.fui.toast('链接复制成功');
this.show = false;
}, e);
}
}
}
</script>
<style>
page {
background-color: #181818;
}
.fui-banner__box{
width: 100%;
height: 638rpx;
}
.fui-banner__img {
width: 100%;
height: 638rpx;
display: block;
}
.fui-content__box {
position: relative;
height: 760rpx;
}
.fui-bg__img {
width: 100%;
height: 760rpx;
display: block;
}
.fui-inner__box {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
padding: 68rpx 64rpx 0;
box-sizing: border-box;
}
.fui-btn__top {
width: 416rpx;
height: 84rpx;
background: #222222;
box-shadow: 0 4rpx 8rpx 0 rgba(17, 17, 17, 0.8);
border-radius: 42rpx;
color: #7F6232;
position: absolute;
z-index: 10;
top: -16rpx;
left: 50%;
transform: translateX(-50%);
}
.fui-pl {
padding-left: 24rpx;
}
.fui-intro__text {
color: #fff;
font-size: 28rpx;
font-weight: 600;
text-align: center;
padding-top: 64rpx;
padding-bottom: 32rpx;
}
.fui-intro__text text {
color: #E3BF82;
font-size: 64rpx;
padding-right: 8rpx;
/* line-height: 64rpx; */
font-style: italic;
}
.fui-menu__box {
display: flex;
align-items: center;
padding-top: 96rpx;
}
.fui-menu__item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fui-menu__item image {
width: 96rpx;
height: 96rpx;
}
.fui-title {
font-size: 24rpx;
color: #D1D1D1;
padding-top: 16rpx;
white-space: nowrap;
}
.fui-ani__box {
width: 686rpx;
background: #FFFFFF;
border-radius: 24rpx;
padding-bottom: 64rpx;
}
.fui-hd__img {
width: 100%;
height: 204rpx;
display: block;
}
.fui-ani__title {
font-size: 36rpx;
font-weight: 600;
padding: 54rpx 0 32rpx;
text-align: center;
}
.fui-desc {
padding: 0 54rpx 82rpx;
font-size: 24rpx;
line-height: 48rpx;
font-weight: 400;
color: #333333;
box-sizing: border-box;
}
.fui-desc text {
color: #FF2B2B;
}
</style>

103
pages/my/website/website.vue Normal file
View 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>

23
pages/my/webview/webview.vue Normal file
View File

@ -0,0 +1,23 @@
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8614 07 254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
<view class="fui-wrap">
<web-view src="https://doc.firstui.cn/docs/started.html"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>