mirror of
https://gitee.com/TSpecific/tuniao-ui.git
synced 2026-03-10 01:24:01 +08:00
修改$t为$tn
修改部分函数api的名称
This commit is contained in:
@@ -66,7 +66,7 @@
|
||||
|
||||
// 生成泡泡
|
||||
generateBubble() {
|
||||
const image = "https://tnuiimage.tnkjapp.com/bubble/" + this.$t.number.randomInt(1, 33) + ".png"
|
||||
const image = "https://tnuiimage.tnkjapp.com/bubble/" + this.$tn.number.randomInt(1, 33) + ".png"
|
||||
uni.getImageInfo({
|
||||
src: image,
|
||||
success: (res) => {
|
||||
@@ -103,16 +103,16 @@
|
||||
y: height
|
||||
}
|
||||
const p1 = {
|
||||
x: this.$t.number.random(0.22 * width, 0.33 * width),
|
||||
y: this.$t.number.random(0.5 * height, 0.75 * height)
|
||||
x: this.$tn.number.random(0.22 * width, 0.33 * width),
|
||||
y: this.$tn.number.random(0.5 * height, 0.75 * height)
|
||||
}
|
||||
const p2 = {
|
||||
x: this.$t.number.random(0, 0.88 * width),
|
||||
y: this.$t.number.random(0.25 * height, 0.5 * height)
|
||||
x: this.$tn.number.random(0, 0.88 * width),
|
||||
y: this.$tn.number.random(0.25 * height, 0.5 * height)
|
||||
}
|
||||
const p3 = {
|
||||
x: this.$t.number.random(0, 0.88 * width),
|
||||
y: this.$t.number.random(0, 0.125 * height)
|
||||
x: this.$tn.number.random(0, 0.88 * width),
|
||||
y: this.$tn.number.random(0, 0.125 * height)
|
||||
}
|
||||
return [p0, p1, p2, p3]
|
||||
},
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
<view class=" " style="width: 25%;">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center tn-padding-xl">
|
||||
<view class="icon16__item--icon tn-flex tn-flex-row-center tn-flex-col-center">
|
||||
<view class="tn-cool-color-icon16" :class="[$t.color.getRandomCoolBgClass(index) + ' tn-icon-' + item.icon]"></view>
|
||||
<view class="tn-cool-color-icon16" :class="[$tn.color.getRandomCoolBgClass(index) + ' tn-icon-' + item.icon]"></view>
|
||||
</view>
|
||||
<view class="tn-color-black tn-text-lg tn-text-center">
|
||||
<text class="tn-text-ellipsis">{{item.title}}</text>
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
|
||||
// 生成泡泡
|
||||
generateBubble() {
|
||||
const image = "https://tnuiimage.tnkjapp.com/bubble/" + this.$t.number.randomInt(1, 33) + ".png"
|
||||
const image = "https://tnuiimage.tnkjapp.com/bubble/" + this.$tn.number.randomInt(1, 33) + ".png"
|
||||
uni.getImageInfo({
|
||||
src: image,
|
||||
success: (res) => {
|
||||
@@ -105,16 +105,16 @@
|
||||
y: height
|
||||
}
|
||||
const p1 = {
|
||||
x: this.$t.number.random(0.22 * width, 0.33 * width),
|
||||
y: this.$t.number.random(0.5 * height, 0.75 * height)
|
||||
x: this.$tn.number.random(0.22 * width, 0.33 * width),
|
||||
y: this.$tn.number.random(0.5 * height, 0.75 * height)
|
||||
}
|
||||
const p2 = {
|
||||
x: this.$t.number.random(0, 0.88 * width),
|
||||
y: this.$t.number.random(0.25 * height, 0.5 * height)
|
||||
x: this.$tn.number.random(0, 0.88 * width),
|
||||
y: this.$tn.number.random(0.25 * height, 0.5 * height)
|
||||
}
|
||||
const p3 = {
|
||||
x: this.$t.number.random(0, 0.88 * width),
|
||||
y: this.$t.number.random(0, 0.125 * height)
|
||||
x: this.$tn.number.random(0, 0.88 * width),
|
||||
y: this.$tn.number.random(0, 0.125 * height)
|
||||
}
|
||||
return [p0, p1, p2, p3]
|
||||
},
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="text-shine tn-flex tn-flex-row-center tn-text-xxl tn-text-bold" style="margin-top: 60vh;">
|
||||
<view class="text-shine tn-flex tn-flex-row-center tn-text-xxl tn-text-bold" style="margin-top: 60vh;overflow-y: hidden;">
|
||||
敬请期待
|
||||
</view>
|
||||
|
||||
|
||||
@@ -9,7 +9,68 @@
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-text-center tn-margin tn-text-lg plus-box" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
|
||||
<view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view class="tn-bdhook-shadow" style="border-radius: 10rpx;overflow: hidden;margin: 50rpx 30rpx 30rpx 30rpx;">
|
||||
<view class="tn-flex tn-flex-row-between tn-padding tn-text-center tn-color-white" style="background: linear-gradient(-120deg, #3E445A, #31374A, #2B3042, #262B3C);">
|
||||
<view class="tn-flex-1">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
开源项目
|
||||
</view>
|
||||
<view class="tn-text-sm">
|
||||
不喜勿喷
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex-1">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
普通用户
|
||||
</view>
|
||||
<view class="tn-text-sm">
|
||||
免费开源
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex-1">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
至尊VIP
|
||||
</view>
|
||||
<view class="tn-text-sm">
|
||||
会员福利
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-strip-bottom-min tn-padding-sm" v-for="(item, index) in setList" :key="index" @click="tn(item.url)">
|
||||
<view class="tn-flex-1 tn-text-center">
|
||||
<view class="">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
<!-- <view class="tn-color-gray tn-text-xs">
|
||||
{{ item.title2 }}
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="tn-flex-1">
|
||||
<view class="">
|
||||
{{ item.common }}
|
||||
</view>
|
||||
<view class="">
|
||||
{{ item.common2 }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex-1">
|
||||
<view class="">
|
||||
{{ item.vip }}
|
||||
</view>
|
||||
<view class="">
|
||||
{{ item.vip2 }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center tn-margin tn-text-lg plus-box" style="padding-top: 60rpx;">
|
||||
<view class="plus-text">
|
||||
<view class="tn-text-bold">图鸟UI小程序,免费开源可商用</view>
|
||||
<view class="tn-margin-bottom-xl">(会员有更多福利鸭)</view>
|
||||
@@ -35,7 +96,7 @@
|
||||
|
||||
<view class="plus-text">
|
||||
<view class="tn-text-bold">请勿转售,转售是会慢慢追究法律责任的</view>
|
||||
<view class="tn-margin-bottom-xl">(毕竟开发圈子就那么小)</view>
|
||||
<view class="tn-margin-bottom-xl">(毕竟前端开发圈子就那么小)</view>
|
||||
</view>
|
||||
|
||||
<view class="plus-text">
|
||||
@@ -51,8 +112,10 @@
|
||||
</view>
|
||||
|
||||
<view class="plus-text">
|
||||
<view class="tn-text-bold">会员人数会达到50+叭</view>
|
||||
<view class="tn-margin-bottom-xl">(希望够垫付服务器+CDN支出)</view>
|
||||
<view class="tn-text-bold">开源希望能得到理解</view>
|
||||
<view class="">(做开源本身就不是为了赚取)</view>
|
||||
<view class="">(毕竟还不如多找几个会员进行项目合作)</view>
|
||||
<view class="tn-margin-bottom-xl">(会员费用仅垫付服务器+工作室支出)</view>
|
||||
</view>
|
||||
|
||||
<view class="plus-text">
|
||||
@@ -67,7 +130,7 @@
|
||||
|
||||
<view class="plus-text">
|
||||
<view class="tn-text-bold">使用手册 + 图片素材 + 意见反馈 + Bug提交</view>
|
||||
<view class="tn-margin-bottom-xl" @click="copyYuque">(https://www.yuque.com/tuniao)</view>
|
||||
<view class="tn-margin-bottom-xl" @click="copyYuque">(https://www.tuniaokj.com/)</view>
|
||||
</view>
|
||||
|
||||
<view class="plus-text">
|
||||
@@ -99,7 +162,7 @@
|
||||
</view>
|
||||
|
||||
<view class="plus-text">
|
||||
<view class="tn-text-bold">北北感恩你的支持</view>
|
||||
<view class="tn-text-bold">图鸟小小团队感恩你的支持</view>
|
||||
<view class="tn-margin-bottom-xl"></view>
|
||||
</view>
|
||||
|
||||
@@ -116,13 +179,64 @@
|
||||
name: 'TemplatePlus',
|
||||
mixins: [template_page_mixin],
|
||||
data(){
|
||||
return {}
|
||||
return {
|
||||
setList: [
|
||||
{
|
||||
title: "图鸟UI",
|
||||
title2: "UI组件",
|
||||
common: "免费商用",
|
||||
common2: "插件市场获取",
|
||||
vip: "免费商用",
|
||||
vip2: "会员群直接获取"
|
||||
},
|
||||
{
|
||||
title: "图鸟VUE3 ",
|
||||
title2: "UI组件",
|
||||
common: "免费商用",
|
||||
common2: "插件市场获取",
|
||||
vip: "免费商用",
|
||||
vip2: "会员群直接获取"
|
||||
},
|
||||
{
|
||||
title: "圈子博客",
|
||||
title2: "纯前端模板",
|
||||
common: "免费商用",
|
||||
common2: "插件市场获取",
|
||||
vip: "免费商用",
|
||||
vip2: "会员群直接获取"
|
||||
},
|
||||
{
|
||||
title: "简约商圈",
|
||||
title2: "纯前端模板",
|
||||
common: "免费商用",
|
||||
common2: "插件市场获取",
|
||||
vip: "免费商用",
|
||||
vip2: "会员群直接获取"
|
||||
},
|
||||
{
|
||||
title: "凶姐壁纸",
|
||||
title2: "纯前端模板",
|
||||
common: "免费商用",
|
||||
common2: "插件市场获取",
|
||||
vip: "免费商用",
|
||||
vip2: "会员群直接获取"
|
||||
},
|
||||
{
|
||||
title: "无名小程序",
|
||||
title2: "前后端项目",
|
||||
common: "无",
|
||||
common2: "",
|
||||
vip: "会员专属",
|
||||
vip2: "前后端开发ing"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 复制语雀地址
|
||||
// 复制地址
|
||||
copyYuque() {
|
||||
uni.setClipboardData({
|
||||
data: "https://www.yuque.com/tuniao",
|
||||
data: "https://www.tuniaokj.com/",
|
||||
})
|
||||
},
|
||||
// 复制微信号
|
||||
@@ -138,6 +252,24 @@
|
||||
<style lang="scss" scoped>
|
||||
@import '@/static/css/templatePage/custom_nav_bar.scss';
|
||||
|
||||
/* 间隔线 start*/
|
||||
.tn-strip-bottom-min {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #F8F9FB;
|
||||
}
|
||||
|
||||
.tn-strip-bottom {
|
||||
width: 100%;
|
||||
border-bottom: 20rpx solid rgba(241, 241, 241, 0.8);
|
||||
}
|
||||
/* 间隔线 end*/
|
||||
|
||||
/* 页面阴影 start*/
|
||||
.tn-bdhook-shadow {
|
||||
border-radius: 15rpx;
|
||||
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
/* 内容 开始 */
|
||||
.plus-box {
|
||||
counter-reset: index;
|
||||
|
||||
@@ -1,23 +1,27 @@
|
||||
<template>
|
||||
<template>
|
||||
<view class="">
|
||||
<web-view src="https://mp.weixin.qq.com/s/1apBuGcPQXMfz2osv5wwiQ"></web-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- <template>
|
||||
<view class="template-course">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<!-- <tn-nav-bar fixed alpha customBack>
|
||||
<tn-nav-bar fixed alpha customBack>
|
||||
<view slot="back" class='tn-custom-nav-bar__back'
|
||||
@click="goBack">
|
||||
<text class='icon tn-icon-left'></text>
|
||||
<text class='icon tn-icon-home-capsule-fill'></text>
|
||||
</view>
|
||||
</tn-nav-bar> -->
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="bottom-backgroup">
|
||||
<image src='https://tnuiimage.tnkjapp.com/animate/activity.jpg' mode='widthFix' class='backgroud-image'></image>
|
||||
</view>
|
||||
|
||||
<!-- 回到首页悬浮按钮-->
|
||||
<nav-index-button></nav-index-button>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
</template> -->
|
||||
|
||||
<script>
|
||||
import template_page_mixin from '@/libs/mixin/template_page_mixin.js'
|
||||
@@ -36,8 +40,7 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/static/css/templatePage/custom_nav_bar.scss';
|
||||
/* 背景图 start */
|
||||
/* @import '@/static/css/templatePage/custom_nav_bar.scss';
|
||||
.bottom-backgroup {
|
||||
height: 700rpx;
|
||||
z-index: -1;
|
||||
@@ -46,8 +49,6 @@
|
||||
border-radius: 60rpx 60rpx 0 0;
|
||||
width: 100%;
|
||||
height: 4100rpx;
|
||||
// z-index: -1;
|
||||
}
|
||||
}
|
||||
/* 背景图 end */
|
||||
} */
|
||||
</style>
|
||||
|
||||
@@ -169,15 +169,15 @@
|
||||
// 获取验证码
|
||||
getCode() {
|
||||
if (this.$refs.code.canGetCode) {
|
||||
this.$t.message.loading('正在获取验证码')
|
||||
this.$tn.message.loading('正在获取验证码')
|
||||
setTimeout(() => {
|
||||
this.$t.message.closeLoading()
|
||||
this.$t.message.toast('验证码已经发送')
|
||||
this.$tn.message.closeLoading()
|
||||
this.$tn.message.toast('验证码已经发送')
|
||||
// 通知组件开始计时
|
||||
this.$refs.code.start()
|
||||
}, 2000)
|
||||
} else {
|
||||
this.$t.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
this.$tn.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
}
|
||||
},
|
||||
// 获取验证码倒计时被修改
|
||||
|
||||
@@ -261,15 +261,15 @@
|
||||
// 获取验证码
|
||||
getCode() {
|
||||
if (this.$refs.code.canGetCode) {
|
||||
this.$t.message.loading('正在获取验证码')
|
||||
this.$tn.message.loading('正在获取验证码')
|
||||
setTimeout(() => {
|
||||
this.$t.message.closeLoading()
|
||||
this.$t.message.toast('验证码已经发送')
|
||||
this.$tn.message.closeLoading()
|
||||
this.$tn.message.toast('验证码已经发送')
|
||||
// 通知组件开始计时
|
||||
this.$refs.code.start()
|
||||
}, 2000)
|
||||
} else {
|
||||
this.$t.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
this.$tn.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
}
|
||||
},
|
||||
// 获取验证码倒计时被修改
|
||||
|
||||
@@ -161,15 +161,15 @@
|
||||
// 获取验证码
|
||||
getCode() {
|
||||
if (this.$refs.code.canGetCode) {
|
||||
this.$t.message.loading('正在获取验证码')
|
||||
this.$tn.message.loading('正在获取验证码')
|
||||
setTimeout(() => {
|
||||
this.$t.message.closeLoading()
|
||||
this.$t.message.toast('验证码已经发送')
|
||||
this.$tn.message.closeLoading()
|
||||
this.$tn.message.toast('验证码已经发送')
|
||||
// 通知组件开始计时
|
||||
this.$refs.code.start()
|
||||
}, 2000)
|
||||
} else {
|
||||
this.$t.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
this.$tn.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
}
|
||||
},
|
||||
// 获取验证码倒计时被修改
|
||||
|
||||
@@ -183,15 +183,15 @@
|
||||
// 获取验证码
|
||||
getCode() {
|
||||
if (this.$refs.code.canGetCode) {
|
||||
this.$t.message.loading('正在获取验证码')
|
||||
this.$tn.message.loading('正在获取验证码')
|
||||
setTimeout(() => {
|
||||
this.$t.message.closeLoading()
|
||||
this.$t.message.toast('验证码已经发送')
|
||||
this.$tn.message.closeLoading()
|
||||
this.$tn.message.toast('验证码已经发送')
|
||||
// 通知组件开始计时
|
||||
this.$refs.code.start()
|
||||
}, 2000)
|
||||
} else {
|
||||
this.$t.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
this.$tn.message.toast(this.$refs.code.secNum + '秒后再重试')
|
||||
}
|
||||
},
|
||||
// 获取验证码倒计时被修改
|
||||
|
||||
Reference in New Issue
Block a user