mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2026-06-12 21:29:31 +08:00
新增:首次启动页面配置
This commit is contained in:
@@ -10,6 +10,10 @@
|
|||||||
{
|
{
|
||||||
"launchtype" : "local"
|
"launchtype" : "local"
|
||||||
},
|
},
|
||||||
|
"h5" :
|
||||||
|
{
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
"mp-weixin" :
|
"mp-weixin" :
|
||||||
{
|
{
|
||||||
"launchtype" : "local"
|
"launchtype" : "local"
|
||||||
|
|||||||
@@ -18,9 +18,17 @@ export default {
|
|||||||
apiAuthorization: '', // Halo中-系统-博客设置-切换到高级选项-API设置-Access key
|
apiAuthorization: '', // Halo中-系统-博客设置-切换到高级选项-API设置-Access key
|
||||||
|
|
||||||
title: '', // 博客标题
|
title: '', // 博客标题
|
||||||
indexImageUrl: '', // 开屏首页图片
|
|
||||||
miniCodeImageUrl: '', // 小程序码地址
|
miniCodeImageUrl: '', // 小程序码地址
|
||||||
|
|
||||||
|
start: { // 首次启动页配置
|
||||||
|
title: 'uni-halo', // 标题
|
||||||
|
bg: '', // 留空则使用默认 开屏首页背景,可以是颜色值或者图片图片地址
|
||||||
|
logo: 'https://b.925i.cn/uni_halo/uni_halo_logo.png', // logo
|
||||||
|
desc1: '全新UI,准备出发', // 描述信息1
|
||||||
|
desc2: '新触动 新感受 新体验', // 描述信息2
|
||||||
|
btnText: '全新触发' // 按钮文字
|
||||||
|
},
|
||||||
|
|
||||||
author: {
|
author: {
|
||||||
name: '', // 昵称
|
name: '', // 昵称
|
||||||
avatar: '', // 头像地址
|
avatar: '', // 头像地址
|
||||||
|
|||||||
+22
-8
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app-page bg-gradient-blue-lighten-b">
|
<view class="app-page bg-gradient-blue-lighten-b" :style="pageStyle">
|
||||||
<!-- 流星-->
|
|
||||||
<view class="tn-satr">
|
<view class="tn-satr">
|
||||||
<view class="sky"></view>
|
<view class="sky"></view>
|
||||||
<view class="stars">
|
<view class="stars">
|
||||||
@@ -41,18 +40,19 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 头像用户信息 -->
|
|
||||||
<view class="user-info__container flex flex-col flex-center">
|
<view class="user-info__container flex flex-col flex-center">
|
||||||
<image class="user-info__avatar" src="https://blog-oss.925i.cn/blog-files/d500acd35e8b6d24bbfa2dabd2a605e6.png" mode="aspectFill"></image>
|
<image class="user-info__avatar" :src="startInfo.logo" mode="aspectFill"></image>
|
||||||
<view class="user-info__nick-name">「 uni-halo 」</view>
|
<view class="user-info__nick-name">「 {{ startInfo.title }} 」</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="text-align-center text-white" style="padding: 60vh 0 0 0;">
|
<view class="text-align-center text-white" style="padding: 60vh 0 0 0;">
|
||||||
<view class="" style="font-size: 44rpx;">全新UI,准备出发</view>
|
<view class="" style="font-size: 44rpx;" v-if="startInfo.desc1">{{ startInfo.desc1 }}</view>
|
||||||
<view class="mt-30 text-size-m">新触动 新感受 新体验</view>
|
<view class="mt-30 text-size-m" v-if="startInfo.desc2">{{ startInfo.desc2 }}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="" style="padding: 120rpx 200rpx;z-index: 999;position: relative;"><view class="start-btn" @click="fnStart()">全新出发</view></view>
|
<view class="" style="padding: 120rpx 200rpx;z-index: 999;position: relative;">
|
||||||
|
<view class="start-btn" @click="fnStart()">{{ startInfo.btnText || '开始体验' }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 波浪效果 -->
|
<!-- 波浪效果 -->
|
||||||
<wave></wave>
|
<wave></wave>
|
||||||
@@ -63,6 +63,20 @@
|
|||||||
import wave from '@/components/wave/wave.vue';
|
import wave from '@/components/wave/wave.vue';
|
||||||
export default {
|
export default {
|
||||||
components: { wave },
|
components: { wave },
|
||||||
|
computed: {
|
||||||
|
startInfo() {
|
||||||
|
return getApp().globalData.start;
|
||||||
|
},
|
||||||
|
pageStyle() {
|
||||||
|
if (this.startInfo.bg) {
|
||||||
|
const _bg = this.$utils.checkIsUrl(this.startInfo.bg) ? `url(${this.startInfo.bg})` : this.startInfo.bg;
|
||||||
|
return {
|
||||||
|
background: _bg + '!important'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
fnStart() {
|
fnStart() {
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
|
|||||||
Reference in New Issue
Block a user