|
|
@@ -6,6 +6,12 @@
|
|
|
<dever-drawer-page :show="drawer.show ? 'left' : ''">
|
|
|
<view class="container_main" slot="links" @click="closeDrawer()">
|
|
|
<block v-if="show">
|
|
|
+ <view class='cover' v-if="guide" @touchstart="closeGuide()">
|
|
|
+ <view class='journal-guide'>
|
|
|
+ <view class='guide-center'></view>
|
|
|
+ <view class='guide-bottom'></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<swiper class="swiper" @change="change" :circular="swiper.circular" :current="fetch.index">
|
|
|
<swiper-item v-for="(v, k) in fetch.items" v-if="v.data" :key="k" >
|
|
|
<scroll-view scroll-y="true" scroll-x="true" class="scroll-height" @scrolltolower="bottomCall">
|
|
|
@@ -67,7 +73,8 @@ import deverDrawerPage from "@/lib/dever/components/drawerPage.vue";
|
|
|
import deverDrawerWindow from "@/lib/dever/components/drawerWindow.vue";
|
|
|
export default{
|
|
|
data() {
|
|
|
- return {
|
|
|
+ return {
|
|
|
+ guide : false,
|
|
|
bgm : {
|
|
|
show : false,
|
|
|
playing : false,
|
|
|
@@ -141,6 +148,12 @@ export default{
|
|
|
if (!option.code) {
|
|
|
this.Dever.location('index/index');
|
|
|
return;
|
|
|
+ }
|
|
|
+ var g = this.Dever.data('guide');
|
|
|
+ if (!g) {
|
|
|
+ this.guide = true;
|
|
|
+ } else {
|
|
|
+ this.guide = false;
|
|
|
}
|
|
|
if (option && option.name) {
|
|
|
uni.setNavigationBarTitle({
|
|
|
@@ -174,7 +187,11 @@ export default{
|
|
|
beforeDestroy() {
|
|
|
this.stop();
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods:{
|
|
|
+ closeGuide : function() {
|
|
|
+ this.guide = false;
|
|
|
+ this.Dever.data('guide', 2);
|
|
|
+ },
|
|
|
stop : function() {
|
|
|
if (this.control) {
|
|
|
var i = 0;
|
|
|
@@ -381,4 +398,35 @@ swiper-item image{
|
|
|
.scroll-height {
|
|
|
height:100%;
|
|
|
}
|
|
|
+.journal-guide {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ z-index: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.journal-guide .guide-center {
|
|
|
+ background: url(@/static/images/guide-center.png) no-repeat center;
|
|
|
+ background-size: 628rpx 118rpx;
|
|
|
+ width: 628rpx;
|
|
|
+ height: 118rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate3d(-50%, -50%, 0);
|
|
|
+}
|
|
|
+
|
|
|
+.journal-guide .guide-bottom {
|
|
|
+ background: url(@/static/images/guide-bt.png) no-repeat center;
|
|
|
+ background-size: 298rpx 105rpx;
|
|
|
+ width: 298rpx;
|
|
|
+ height: 105rpx;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 86rpx;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate3d(-50%, 0, 0);
|
|
|
+}
|
|
|
</style>
|
dever
