优化代码
This commit is contained in:
parent
72633579e0
commit
ed01d833b9
@ -18,7 +18,8 @@
|
||||
</view> -->
|
||||
|
||||
<view>
|
||||
<tn-swiper :list="banners" :radius="0" :height="400" :effect3d="false" mode="dot" @click="clickSwiper"></tn-swiper>
|
||||
<tn-swiper :list="banners" :radius="0" :height="400" :effect3d="false" mode="dot"
|
||||
@click="clickSwiper"></tn-swiper>
|
||||
</view>
|
||||
|
||||
<!-- 公告 -->
|
||||
@ -40,26 +41,66 @@
|
||||
<!-- 功能列表 start -->
|
||||
<view class="about-shadow tn-padding-top-sm tn-padding-bottom-sm">
|
||||
<view style="display: flex;justify-content: center;align-items: center;gap: 12px;">
|
||||
<block v-for="(item, index) in moduleList" :key="index">
|
||||
<view class="tn-padding-sm tn-margin-xs" @click="goPage(item.path)">
|
||||
<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pagesSubject/video/index')">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||
<view v-if="item.type == 'icon'"
|
||||
class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white"
|
||||
:class="[item.color]">
|
||||
<view :class="[item.icon]"></view>
|
||||
</view>
|
||||
|
||||
<view v-else-if="item.type == 'image'"
|
||||
<view
|
||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||
<image :src="item.image" style="width: 100%;height: 100%"></image>
|
||||
<image src="/static/img/1.png" style="width: 100%;height: 100%"></image>
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center">
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">{{ item.name }}</text>
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">课程中心</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/index/news-list')">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||
<view
|
||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||
<image src="/static/img/1.png" style="width: 100%;height: 100%"></image>
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center">
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">关于我们</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/train/index?page=train')">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||
<view
|
||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||
<image src="/static/img/2.png" style="width: 100%;height: 100%"></image>
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center">
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">平台题库</text>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/wrong/index')">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||
<view
|
||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||
<image src="/static/img/3.png" style="width: 100%;height: 100%"></image>
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center">
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">错题本</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/collect/index')">
|
||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||
<view
|
||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||
<image src="/static/img/4.png" style="width: 100%;height: 100%"></image>
|
||||
</view>
|
||||
|
||||
<view class="tn-text-center">
|
||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">题目收藏</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 功能列表 end -->
|
||||
@ -199,10 +240,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
|
||||
// import NavIndexButton from '@/libs/components/nav-index-button.vue'
|
||||
import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
|
||||
// import NavIndexButton from '@/libs/components/nav-index-button.vue'
|
||||
|
||||
export default {
|
||||
export default {
|
||||
name: "kz-page-index-list1",
|
||||
mixins: [template_page_mixin],
|
||||
components: {
|
||||
@ -269,6 +310,10 @@ export default {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
classes_show: {
|
||||
type: String,
|
||||
default: "",
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
/**
|
||||
@ -300,7 +345,7 @@ export default {
|
||||
* 监听rooms
|
||||
* @param list
|
||||
*/
|
||||
rooms(list) { },
|
||||
rooms(list) {},
|
||||
/**
|
||||
* 监听modules
|
||||
* @param list
|
||||
@ -313,6 +358,7 @@ export default {
|
||||
// },
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.modules);
|
||||
let diyIndexButton = uni.getStorageSync("diyIndexButton");
|
||||
if (diyIndexButton) {
|
||||
this.moduleList = diyIndexButton;
|
||||
@ -424,16 +470,16 @@ export default {
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-index-list {
|
||||
.page-index-list {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
/* 自定义导航栏内容 start */
|
||||
.custom-nav {
|
||||
/* 自定义导航栏内容 start */
|
||||
.custom-nav {
|
||||
height: 100%;
|
||||
|
||||
&__back {
|
||||
@ -468,36 +514,36 @@ export default {
|
||||
color: #aaaaaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*logo start */
|
||||
.logo-image {
|
||||
/*logo start */
|
||||
.logo-image {
|
||||
width: 65rpx;
|
||||
height: 65rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 自定义导航栏内容 end */
|
||||
/* 自定义导航栏内容 end */
|
||||
|
||||
/* 内容布局 start*/
|
||||
.course-shadow {
|
||||
/* 内容布局 start*/
|
||||
.course-shadow {
|
||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
}
|
||||
|
||||
.course-radius {
|
||||
.course-radius {
|
||||
border-radius: 15rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 图标容器15 start */
|
||||
.icon15 {
|
||||
/* 图标容器15 start */
|
||||
.icon15 {
|
||||
&__item {
|
||||
width: 30%;
|
||||
background-color: #ffffff;
|
||||
@ -546,10 +592,10 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 业务展示 start */
|
||||
.tn-info {
|
||||
/* 业务展示 start */
|
||||
.tn-info {
|
||||
&__container {
|
||||
margin-top: 10rpx;
|
||||
margin-bottom: 50rpx;
|
||||
@ -629,12 +675,12 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 业务展示 end */
|
||||
/* 业务展示 end */
|
||||
|
||||
/* 文章内容 start*/
|
||||
.tn-blogger-content {
|
||||
/* 文章内容 start*/
|
||||
.tn-blogger-content {
|
||||
&__wrap {
|
||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
border-radius: 20rpx;
|
||||
@ -690,36 +736,36 @@ export default {
|
||||
font-size: 30rpx;
|
||||
padding-right: 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image-music {
|
||||
.image-music {
|
||||
padding: 100rpx 0rpx;
|
||||
font-size: 16rpx;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.image-pic {
|
||||
.image-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* 文章内容 end*/
|
||||
/* 文章内容 end*/
|
||||
|
||||
/* 底部tabbar start*/
|
||||
.footerfixed {
|
||||
/* 底部tabbar start*/
|
||||
.footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
}
|
||||
|
||||
.tabbar {
|
||||
.tabbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 110rpx;
|
||||
@ -727,9 +773,9 @@ export default {
|
||||
padding: 0;
|
||||
height: calc(110rpx + env(safe-area-inset-bottom) / 2);
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
}
|
||||
|
||||
.tabbar .action {
|
||||
.tabbar .action {
|
||||
font-size: 22rpx;
|
||||
position: relative;
|
||||
flex: 1;
|
||||
@ -740,9 +786,9 @@ export default {
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
overflow: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.tabbar .action .bar-icon {
|
||||
.tabbar .action .bar-icon {
|
||||
width: 100rpx;
|
||||
position: relative;
|
||||
display: block;
|
||||
@ -750,54 +796,54 @@ export default {
|
||||
margin: 0 auto 10rpx;
|
||||
text-align: center;
|
||||
font-size: 42rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tabbar .action .bar-icon image {
|
||||
.tabbar .action .bar-icon image {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/*scroll-view外层*/
|
||||
.skill-sequence-panel-content-wrapper {
|
||||
/*scroll-view外层*/
|
||||
.skill-sequence-panel-content-wrapper {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
padding: 10rpx 0 10rpx 10rpx;
|
||||
// background-color: #f2f5f9;
|
||||
}
|
||||
}
|
||||
|
||||
/*左右渐变遮罩*/
|
||||
.hide-content-box {
|
||||
/*左右渐变遮罩*/
|
||||
.hide-content-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 10px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.hide-content-box-left {
|
||||
.hide-content-box-left {
|
||||
left: 0;
|
||||
background-image: linear-gradient(to left,
|
||||
rgba(255, 255, 255, 0),
|
||||
#f3f3f3 60%);
|
||||
}
|
||||
}
|
||||
|
||||
.hide-content-box-right {
|
||||
.hide-content-box-right {
|
||||
right: 0;
|
||||
background-image: linear-gradient(to right,
|
||||
rgba(255, 255, 255, 0),
|
||||
#f3f3f3 60%);
|
||||
}
|
||||
}
|
||||
|
||||
.kite-classify-scroll {
|
||||
.kite-classify-scroll {
|
||||
width: 100%;
|
||||
height: 380rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
padding-top: 15rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.kite-classify-cell {
|
||||
.kite-classify-cell {
|
||||
display: inline-block;
|
||||
width: 266rpx;
|
||||
height: 350rpx;
|
||||
@ -806,15 +852,15 @@ export default {
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
/* 垂直布局样式 */
|
||||
.skill-sequence-panel-content-wrapper-vertical {
|
||||
/* 垂直布局样式 */
|
||||
.skill-sequence-panel-content-wrapper-vertical {
|
||||
position: relative;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.kite-classify-cell-vertical {
|
||||
.kite-classify-cell-vertical {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 280rpx;
|
||||
@ -823,9 +869,9 @@ export default {
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-li {
|
||||
.nav-li {
|
||||
padding: 40rpx 30rpx;
|
||||
width: 100%;
|
||||
background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);
|
||||
@ -834,18 +880,18 @@ export default {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name {
|
||||
font-size: 28upx;
|
||||
.nav-name {
|
||||
font-size: 30rpx;
|
||||
text-transform: Capitalize;
|
||||
margin-top: 20upx;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name::before {
|
||||
.nav-name::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
@ -855,9 +901,9 @@ export default {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name::after {
|
||||
.nav-name::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
@ -867,69 +913,70 @@ export default {
|
||||
bottom: 0;
|
||||
right: 40rpx;
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-content {
|
||||
.nav-content {
|
||||
width: 100%;
|
||||
padding: 15rpx;
|
||||
display: inline-block;
|
||||
overflow-wrap: break-word;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
.nav-btn {
|
||||
width: 200rpx;
|
||||
height: 60rpx;
|
||||
margin-right: 30rpx;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index1 {
|
||||
.bg-index1 {
|
||||
background-color: #19cf8a;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index2 {
|
||||
.bg-index2 {
|
||||
background-color: #954ff6;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index3 {
|
||||
.bg-index3 {
|
||||
font-size: 30rpx;
|
||||
background-color: #5177ee;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index4 {
|
||||
.bg-index4 {
|
||||
background-color: #f49a02;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index5 {
|
||||
.bg-index5 {
|
||||
background-color: #ff4f94;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-index6 {
|
||||
.bg-index6 {
|
||||
background-color: #7fd02b;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* 页面阴影 start*/
|
||||
.wallpaper-shadow {
|
||||
/* 页面阴影 start*/
|
||||
.wallpaper-shadow {
|
||||
border-radius: 15rpx;
|
||||
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
}
|
||||
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
@ -939,10 +986,10 @@ export default {
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
/*公告*/
|
||||
.tui-rolling-news {
|
||||
/*公告*/
|
||||
.tui-rolling-news {
|
||||
width: calc(100% - 40rpx);
|
||||
padding: 12rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
@ -953,28 +1000,28 @@ export default {
|
||||
background: #fff;
|
||||
border-radius: 10rpx;
|
||||
margin: 0 20rpx 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-swiper {
|
||||
.tui-swiper {
|
||||
font-size: 28rpx;
|
||||
height: 50rpx;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-swiper-item {
|
||||
.tui-swiper-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-news-item {
|
||||
.tui-news-item {
|
||||
line-height: 24rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
/*公告*/
|
||||
/*公告*/
|
||||
</style>
|
||||
@ -2000,7 +2000,7 @@
|
||||
flex-wrap: wrap;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
font-p: 32rpx;
|
||||
font-size: 30rpx;
|
||||
|
||||
.image {
|
||||
width: 50%;
|
||||
@ -2463,7 +2463,7 @@
|
||||
}
|
||||
|
||||
.text-right-answer-val {
|
||||
font-size: 28rpx;
|
||||
font-size: 30rpx;
|
||||
color: #1A73E8;
|
||||
padding: 8rpx 0rpx;
|
||||
border-radius: 15rpx 15rpx 15rpx 0;
|
||||
|
||||
@ -110,15 +110,15 @@
|
||||
path: '/pages/index/index'
|
||||
},
|
||||
{
|
||||
name: '模拟考试',
|
||||
name: '平台题库',
|
||||
icon: 'tn-icon-edit-form',
|
||||
path: '/pages/paper/index',
|
||||
},
|
||||
{
|
||||
name: '关于我们',
|
||||
icon: 'tn-icon-inventory',
|
||||
path: '/pages/index/news-list',
|
||||
path: '/pages/train/index',
|
||||
},
|
||||
// {
|
||||
// name: '关于我们',
|
||||
// icon: 'tn-icon-inventory',
|
||||
// path: '/pages/index/news-list',
|
||||
// },
|
||||
{
|
||||
name: '考试公示',
|
||||
icon: 'tn-icon-menu-list',
|
||||
|
||||
@ -111,7 +111,7 @@
|
||||
//tabs 文字大小
|
||||
size: {
|
||||
type: Number,
|
||||
default: 28
|
||||
default: 30
|
||||
},
|
||||
//tabs 文字颜色
|
||||
color: {
|
||||
@ -180,7 +180,7 @@
|
||||
//item text字体大小
|
||||
textSize: {
|
||||
type: Number,
|
||||
default: 28
|
||||
default: 30
|
||||
},
|
||||
//text 是否不换行
|
||||
nowrap: {
|
||||
@ -195,7 +195,7 @@
|
||||
//item subText字体大小
|
||||
subTextSize: {
|
||||
type: Number,
|
||||
default: 24
|
||||
default: 30
|
||||
},
|
||||
// item padding
|
||||
padding: {
|
||||
@ -546,6 +546,7 @@
|
||||
|
||||
.tui-cell-title {
|
||||
word-break: break-all;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.tui-flex-shrink {
|
||||
|
||||
@ -1,12 +1,8 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- 骨架屏 -->
|
||||
<kz-skeleton
|
||||
v-if="showSkeleton"
|
||||
:showSkeleton="showSkeleton"
|
||||
backgroundColor="#fafafa"
|
||||
borderRadius="10rpx"
|
||||
></kz-skeleton>
|
||||
<kz-skeleton v-if="showSkeleton" :showSkeleton="showSkeleton" backgroundColor="#fafafa"
|
||||
borderRadius="10rpx"></kz-skeleton>
|
||||
|
||||
<!-- 添加小程序提示组件 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
@ -14,45 +10,19 @@
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- 首页多彩列表风格组件1 -->
|
||||
<kz-page-index-color-1
|
||||
:title="title"
|
||||
:banners="banners"
|
||||
:slides="slides"
|
||||
:papers="papers"
|
||||
:rooms="rooms"
|
||||
:news="news"
|
||||
:notices="notices"
|
||||
:modules="diyIndexButton"
|
||||
:subjectId="subjectId"
|
||||
:subjectName="subjectName"
|
||||
v-if="pageStyle == 'color'"
|
||||
></kz-page-index-color-1>
|
||||
<kz-page-index-color-1 :classes_show="classes_show" :title="title" :banners="banners" :slides="slides" :papers="papers" :rooms="rooms"
|
||||
:news="news" :notices="notices" :modules="diyIndexButton" :subjectId="subjectId" :subjectName="subjectName"
|
||||
v-if="pageStyle == 'color'"></kz-page-index-color-1>
|
||||
|
||||
<!-- 首页多彩列表风格组件2 -->
|
||||
<kz-page-index-color-2
|
||||
:title="title"
|
||||
:banners="banners"
|
||||
:slides="slides"
|
||||
:papers="papers"
|
||||
:rooms="rooms"
|
||||
:news="news"
|
||||
:notices="notices"
|
||||
:modules="diyIndexButton"
|
||||
:subjectId="subjectId"
|
||||
:subjectName="subjectName"
|
||||
v-else-if="pageStyle == 'color2'"
|
||||
></kz-page-index-color-2>
|
||||
<kz-page-index-color-2 :title="title" :banners="banners" :slides="slides" :papers="papers" :rooms="rooms"
|
||||
:news="news" :notices="notices" :modules="diyIndexButton" :subjectId="subjectId" :subjectName="subjectName"
|
||||
v-else-if="pageStyle == 'color2'"></kz-page-index-color-2>
|
||||
|
||||
<!-- 首页简约风格组件 -->
|
||||
<kz-page-index-simple-1
|
||||
:title="title"
|
||||
:notices="notices"
|
||||
:subjectName="subjectName"
|
||||
:userInfo="userInfo"
|
||||
:diyIndexButton="diyIndexButton"
|
||||
v-else-if="pageStyle == 'simple'"
|
||||
@clickUserInfo="clickUserInfo"
|
||||
></kz-page-index-simple-1>
|
||||
<kz-page-index-simple-1 :title="title" :notices="notices" :subjectName="subjectName" :userInfo="userInfo"
|
||||
:diyIndexButton="diyIndexButton" v-else-if="pageStyle == 'simple'"
|
||||
@clickUserInfo="clickUserInfo"></kz-page-index-simple-1>
|
||||
<!-- <kz-page-index-simple :banners="banners" v-if="pageStyle == 'simple'"></kz-page-index-simple> -->
|
||||
|
||||
<!-- 悬浮组件 -->
|
||||
@ -110,19 +80,20 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import HeadLine from '@/components/headline/headline.vue'
|
||||
import AddTip from "@/components/struggler-uniapp-add-tip/struggler-uniapp-add-tip.vue";
|
||||
import subjectApi from "@/common/api/subject.js";
|
||||
// import HeadLine from '@/components/headline/headline.vue'
|
||||
import AddTip from "@/components/struggler-uniapp-add-tip/struggler-uniapp-add-tip.vue";
|
||||
import subjectApi from "@/common/api/subject.js";
|
||||
|
||||
var interstitialAd = null;
|
||||
var interstitialAd = null;
|
||||
|
||||
export default {
|
||||
export default {
|
||||
components: {
|
||||
// HeadLine,
|
||||
AddTip,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
classes_show:'',
|
||||
loadText: {
|
||||
loadmore: '灵睿网络',
|
||||
loading: '灵睿网络',
|
||||
@ -201,7 +172,9 @@ export default {
|
||||
},
|
||||
|
||||
getSetting() {
|
||||
this.http("common/index", { subject_id: this.subjectId }, "get").then(
|
||||
this.http("common/index", {
|
||||
subject_id: this.subjectId
|
||||
}, "get").then(
|
||||
(res) => {
|
||||
if (!res.code) {
|
||||
uni.showToast({
|
||||
@ -210,7 +183,7 @@ export default {
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.classes_show=res.data.classes_show;
|
||||
// 积分提示
|
||||
let point = res.data.point;
|
||||
// if (point?.get_point) {
|
||||
@ -292,14 +265,14 @@ export default {
|
||||
}
|
||||
|
||||
// 页面风格
|
||||
this.pageStyle = page.page_index_style
|
||||
? page.page_index_style
|
||||
: "color";
|
||||
this.pageStyle = page.page_index_style ?
|
||||
page.page_index_style :
|
||||
"color";
|
||||
// this.pageStyle = 'color'
|
||||
// 底部栏风格
|
||||
this.tabbarStyle = page.page_tabbar_style
|
||||
? page.page_tabbar_style
|
||||
: "glass";
|
||||
this.tabbarStyle = page.page_tabbar_style ?
|
||||
page.page_tabbar_style :
|
||||
"glass";
|
||||
// 悬浮按钮
|
||||
this.showAdBtn = parseInt(page.page_index_ad_btn) == 1;
|
||||
this.showShareBtn = parseInt(page.page_index_share_btn) == 1;
|
||||
@ -352,7 +325,9 @@ export default {
|
||||
let user_subject = uni.getStorageSync("user_subject");
|
||||
if (user_subject && user_subject.subject2 && user_subject.subject2.id) {
|
||||
subjectApi
|
||||
.getSubjectDetail(this, { subject_id: user_subject.subject2.id })
|
||||
.getSubjectDetail(this, {
|
||||
subject_id: user_subject.subject2.id
|
||||
})
|
||||
.then((res) => {
|
||||
console.log("res", res);
|
||||
if (res && res.code == 1) {
|
||||
@ -397,22 +372,22 @@ export default {
|
||||
this.utils.goto("/pagesSubject/index?type=subject");
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
.nav-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0px 40upx 0px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-li {
|
||||
.nav-li {
|
||||
padding: 30upx;
|
||||
border-radius: 12upx;
|
||||
width: 45%;
|
||||
@ -422,9 +397,9 @@ page {
|
||||
background-position: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-li::after {
|
||||
.nav-li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
@ -436,32 +411,32 @@ page {
|
||||
border-radius: 10upx;
|
||||
opacity: 0.2;
|
||||
transform: scale(0.9, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-li.cur {
|
||||
.nav-li.cur {
|
||||
color: #fff;
|
||||
background: rgb(94, 185, 94);
|
||||
box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
.nav-title {
|
||||
font-size: 32upx;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-title::first-letter {
|
||||
.nav-title::first-letter {
|
||||
font-size: 40upx;
|
||||
margin-right: 4upx;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name {
|
||||
.nav-name {
|
||||
font-size: 28upx;
|
||||
text-transform: Capitalize;
|
||||
margin-top: 20upx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name::before {
|
||||
.nav-name::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
@ -471,9 +446,9 @@ page {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name::after {
|
||||
.nav-name::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
@ -483,15 +458,15 @@ page {
|
||||
bottom: 0;
|
||||
right: 40upx;
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-name::first-letter {
|
||||
.nav-name::first-letter {
|
||||
font-weight: bold;
|
||||
font-size: 36upx;
|
||||
margin-right: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-li text {
|
||||
.nav-li text {
|
||||
position: absolute;
|
||||
right: 30upx;
|
||||
top: 30upx;
|
||||
@ -500,13 +475,13 @@ page {
|
||||
height: 60upx;
|
||||
text-align: center;
|
||||
line-height: 60upx;
|
||||
}
|
||||
}
|
||||
|
||||
.text-light {
|
||||
.text-light {
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes show {
|
||||
@keyframes show {
|
||||
0% {
|
||||
transform: translateY(-50px);
|
||||
}
|
||||
@ -518,9 +493,9 @@ page {
|
||||
100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes show {
|
||||
@-webkit-keyframes show {
|
||||
0% {
|
||||
transform: translateY(-50px);
|
||||
}
|
||||
@ -532,65 +507,65 @@ page {
|
||||
100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*banner*/
|
||||
/*banner*/
|
||||
|
||||
.tui-banner-box {
|
||||
.tui-banner-box {
|
||||
width: 100%;
|
||||
padding-top: 20rpx;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-swiper {
|
||||
.tui-banner-swiper {
|
||||
width: 100%;
|
||||
height: 320rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-item {
|
||||
.tui-banner-item {
|
||||
padding: 0 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-slide-image {
|
||||
.tui-slide-image {
|
||||
width: 100%;
|
||||
height: 320rpx;
|
||||
display: block;
|
||||
border-radius: 12rpx;
|
||||
/* transition: all 0.1s linear; */
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-scale {
|
||||
.tui-banner-scale {
|
||||
transform: scaleY(0.9);
|
||||
transform-origin: center center;
|
||||
}
|
||||
}
|
||||
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.tui-banner-swiper .wx-swiper-dot {
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.tui-banner-swiper .wx-swiper-dot {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
display: inline-flex;
|
||||
background: none;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-swiper .wx-swiper-dot::before {
|
||||
.tui-banner-swiper .wx-swiper-dot::before {
|
||||
content: "";
|
||||
flex-grow: 1;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-swiper .wx-swiper-dot-active::before {
|
||||
.tui-banner-swiper .wx-swiper-dot-active::before {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
|
||||
.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
|
||||
width: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
/*banner*/
|
||||
/* #endif */
|
||||
/*banner*/
|
||||
</style>
|
||||
@ -2,19 +2,30 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view>
|
||||
<view style="background-color: #FFFFFF;padding: 30rpx 30rpx 30rpx 30rpx;">
|
||||
<view class="titleBox text-xl text-black text-bold">{{ newsData.name }}</view>
|
||||
|
||||
<view class="flex justify-between text-df text-gray margin-top-sm margin-bottom-sm">
|
||||
<text>{{ newsData.create_time_text }}</text>
|
||||
<!-- <text>{{newsData.type | typeF}}</text> -->
|
||||
</view>
|
||||
<!-- <image mode="widthFix" :src="newsData.cover_image" @click="previewImage(0)"></image> -->
|
||||
|
||||
<!-- 中间文章区域 -->
|
||||
<view class="contentBox text-lg text-black margin-top-sm margin-tb-lg">
|
||||
<view style="background-color: #FFFFFF;padding: 30rpx 30rpx 80rpx 30rpx;">
|
||||
<view class="contentBox text-lg text-black">
|
||||
<mp-html :tag-style="tagStyle" :scroll-table="true" :content="newsData.contents" />
|
||||
</view>
|
||||
|
||||
<!-- 地图区域 -->
|
||||
<view class="mapSection margin-top-lg">
|
||||
<view class="mapTitle text-xl text-black text-bold margin-bottom-sm">
|
||||
<text class="cuIcon-locationfill text-blue margin-right-xs"></text>
|
||||
我们的位置
|
||||
</view>
|
||||
<view class="mapContainer">
|
||||
<map
|
||||
:latitude="mapData.latitude"
|
||||
:longitude="mapData.longitude"
|
||||
:markers="mapData.markers"
|
||||
:scale="mapData.scale"
|
||||
:show-location="true"
|
||||
@markertap="handleMarkerTap"
|
||||
@callouttap="handleCalloutTap"
|
||||
class="map"
|
||||
></map>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="cu-bar justify-left bg-white margin-top-sm">
|
||||
@ -68,6 +79,29 @@
|
||||
table: 'border: 1px solid gray;border-collapse:collapse',
|
||||
th: 'border: 1px solid gray;',
|
||||
td: 'border: 1px solid gray;'
|
||||
},
|
||||
// 地图数据
|
||||
mapData: {
|
||||
latitude: 34.621881, // 纬度
|
||||
longitude: 112.436631, // 经度
|
||||
scale: 17, // 地图缩放级别
|
||||
markers: [{
|
||||
id: 1,
|
||||
latitude: 34.621881,
|
||||
longitude: 112.436631,
|
||||
title: '名扬体育学院',
|
||||
width:15,
|
||||
height:20,
|
||||
callout: {
|
||||
content: '名扬体育学院',
|
||||
color: '#000000',
|
||||
fontSize: 14,
|
||||
borderRadius: 8,
|
||||
bgColor: '#ffffff',
|
||||
padding: 8,
|
||||
display: 'ALWAYS'
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -88,6 +122,36 @@
|
||||
}
|
||||
})
|
||||
},
|
||||
// 打开导航
|
||||
openNavigation() {
|
||||
uni.openLocation({
|
||||
latitude: this.mapData.latitude,
|
||||
longitude: this.mapData.longitude,
|
||||
name: '名扬体育学院',
|
||||
address: '名扬体育学院',
|
||||
scale: 18,
|
||||
success: () => {
|
||||
console.log('成功打开地图导航');
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('打开地图导航失败', err);
|
||||
uni.showToast({
|
||||
title: '打开地图失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 处理地图标记点击事件
|
||||
handleMarkerTap(e) {
|
||||
console.log('标记点被点击', e);
|
||||
this.openNavigation();
|
||||
},
|
||||
// 处理callout点击事件
|
||||
handleCalloutTap(e) {
|
||||
console.log('callout被点击', e);
|
||||
this.openNavigation();
|
||||
},
|
||||
handleBack() {
|
||||
this.utils.goto('news-list')
|
||||
},
|
||||
@ -121,8 +185,6 @@
|
||||
|
||||
.container {
|
||||
background-color: #f2f2f2;
|
||||
width: 750rpx;
|
||||
|
||||
}
|
||||
|
||||
.solid {
|
||||
@ -140,4 +202,30 @@
|
||||
left: 0;
|
||||
bottom: 0rpx;
|
||||
}
|
||||
|
||||
/* 地图相关样式 */
|
||||
.mapSection {
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.mapTitle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.mapContainer {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.map {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -42,7 +42,7 @@
|
||||
<view class="tn-tabbar-height"></view>
|
||||
|
||||
<!-- 底部导航栏组件 -->
|
||||
<tabbar :theme="tabbarStyle"></tabbar>
|
||||
<!-- <tabbar :theme="tabbarStyle"></tabbar> -->
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -37,6 +37,7 @@
|
||||
:confirmCateContent="confirmCateContent" v-on:paySuccess="goTrain()" v-on:codeSuccess="goTrain()"
|
||||
v-on:cancel="closeDialog">
|
||||
</kz-cate-pay>
|
||||
<tabbar :theme="tabbarStyle"></tabbar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@ -33,7 +33,7 @@ const store = new Vuex.Store({
|
||||
state: {
|
||||
// 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
|
||||
// 加上vuex_前缀，是防止变量名冲突，也让人一目了然
|
||||
vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {name: '图鸟'},
|
||||
vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {name: '灵睿'},
|
||||
|
||||
// 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
|
||||
// app版本
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user