|
@@ -1,14 +1,14 @@
|
|
<template name="apps">
|
|
<template name="apps">
|
|
<view>
|
|
<view>
|
|
|
|
|
|
- <!-- <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000" :duration="800">
|
|
|
|
- <swiper-item>
|
|
|
|
- <image src="../../static/img/titlebg.jpg" class="swiper-item"></image>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <image src="../../static/img/titlebg.jpg" class="swiper-item"></image>
|
|
|
|
- </swiper-item>
|
|
|
|
- </swiper> -->
|
|
|
|
|
|
+ <view :class="['custom-header', { 'is-back': isBack }, bgColor]">
|
|
|
|
+ <view class="back-container" @click="handleBack">
|
|
|
|
+ <view class="back-text">返回</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-container">
|
|
|
|
+ <view class="content-text">企业大走访</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
|
|
<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000" :duration="800">
|
|
<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000" :duration="800">
|
|
<swiper-item v-for="(item, index) in picture" :key="index">
|
|
<swiper-item v-for="(item, index) in picture" :key="index">
|
|
@@ -16,7 +16,7 @@
|
|
</swiper-item>
|
|
</swiper-item>
|
|
</swiper>
|
|
</swiper>
|
|
|
|
|
|
- <view >
|
|
|
|
|
|
+ <!-- <view >
|
|
<view class="btn-box-1-1 mart-t">
|
|
<view class="btn-box-1-1 mart-t">
|
|
涉企政策集锦
|
|
涉企政策集锦
|
|
</view>
|
|
</view>
|
|
@@ -30,10 +30,10 @@
|
|
</swiper-item>
|
|
</swiper-item>
|
|
</swiper>
|
|
</swiper>
|
|
|
|
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
|
|
|
|
|
|
|
|
- <view class="line-box">
|
|
|
|
|
|
+ <view class="line-box" style="margin-top: 80rpx;">
|
|
|
|
|
|
|
|
|
|
<view class="center-box">
|
|
<view class="center-box">
|
|
@@ -111,6 +111,10 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ isBack: true, // 是否显示返回按钮
|
|
|
|
+ backText: '返回', // 返回按钮的文本
|
|
|
|
+ bgColor: 'bg-blue', // 背景颜色
|
|
|
|
+
|
|
isLogin:"",
|
|
isLogin:"",
|
|
roleIds:'',
|
|
roleIds:'',
|
|
pageInfo: {},
|
|
pageInfo: {},
|
|
@@ -452,6 +456,11 @@
|
|
this.modalName = null
|
|
this.modalName = null
|
|
}
|
|
}
|
|
this.listTouchDirection = null
|
|
this.listTouchDirection = null
|
|
|
|
+ },
|
|
|
|
+ handleBack() {
|
|
|
|
+ // 返回逻辑,比如跳转至上一页
|
|
|
|
+ this.$router.go(-1);
|
|
|
|
+ console.log('返回按钮被点击');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -902,4 +911,49 @@
|
|
width: 100rpx;
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ /* 返回 */
|
|
|
|
+ .item-img {
|
|
|
|
+ width: 160rpx;
|
|
|
|
+ height: 160rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .custom-header {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ padding: 10px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .is-back {
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .back-container {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 10px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .back-text {
|
|
|
|
+ color: white; /* 返回按钮文本颜色 */
|
|
|
|
+ }
|
|
|
|
+ .back-text {
|
|
|
|
+ color: white; /* 返回按钮文本颜色 */
|
|
|
|
+ }
|
|
|
|
+ .content-container {
|
|
|
|
+ flex: 1;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content-text {
|
|
|
|
+ color: white; /* 标题文本颜色 */
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /* 背景颜色 */
|
|
|
|
+ .bg-blue {
|
|
|
|
+ background-color: #4285f4; /* 假设这是一个蓝色背景 */
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|