提交 441718db authored 作者: 吴也's avatar 吴也

指示

上级 c238a295
......@@ -7,11 +7,14 @@
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
uni.removeStorageSync('zrqx_covid');
}
}
</script>
<style>
/*每个页面公共css */
html{
overflow: hidden;
}
</style>
{
"name" : "demo",
"appid" : "",
"appid" : "__UNI__93E38C7",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
......@@ -73,6 +73,10 @@
"usingComponents" : true
},
"h5" : {
"template" : "index.html"
"template" : "index.html",
"title" : "virus",
"router" : {
"base" : "/xgfy/"
}
}
}
<template>
<view class="contain">
<view class="imgBox" v-for="(item,index) in dataList" @tap="toDetail(index)">
<img :src="'/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+(index+1)+'.png'" alt="">
<img :src="'/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+(index+1)+'.png'" alt="">
</view>
</view>
</template>
......@@ -32,6 +32,7 @@
flex-wrap: wrap;
padding: 40upx;
justify-content: center;
overflow-y: auto;
}
.imgBox{
height: 270upx;
......
......@@ -5,6 +5,17 @@
<view class="calog" @tap="toPage()">目录</view>
<view class="page">{{indx}}/64</view>
</view>
<view class="modelBox" v-if="showModel" @tap="hideModel">
<view class="prev">上一页</view>
<view class="center">
<view>点击中间</view>
<view style="margin-bottom: 60upx;font-size: 16px;margin-top: 10upx;">显示菜单</view>
<image src="../../static/hand.png" class="hands" mode=""></image>
</view>
<view class="next">
下一页
</view>
</view>
</view>
</template>
......@@ -12,17 +23,27 @@
export default {
data() {
return {
imgUrl:'/static/0229新冠肺炎防控指导手册(中国中医科学院)-1.png',
imgUrl:'/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-1.png',
indx:1,
ifShow:false
ifShow:false,
showModel:true
}
},
onLoad: function (option) {
if(option.indx||option.indx==0){
this.imgUrl= '/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+(Number(option.indx)+1)+'.png';
this.imgUrl= '/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+(Number(option.indx)+1)+'.png';
this.indx=Number(option.indx)+1;
this.showModel=false
}else{
if(uni.getStorageSync('zrqx_covid')){
this.showModel=false
}else{
uni.setStorageSync('zrqx_covid', 'hello');
this.showModel=true
}
}
},
methods: {
toPage(){
......@@ -35,7 +56,7 @@
if(num==0){
if(this.indx>1){
this.indx-=1;
this.imgUrl='/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+this.indx+'.png'
this.imgUrl='/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+this.indx+'.png'
}
if(this.ifShow){
this.ifShow=false
......@@ -47,12 +68,15 @@
if(num==2){
if(this.indx<64){
this.indx+=1;
this.imgUrl='/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+this.indx+'.png'
this.imgUrl='/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-'+this.indx+'.png'
}
if(this.ifShow){
this.ifShow=false
}
}
},
hideModel(){
this.showModel=false
}
}
}
......@@ -63,34 +87,16 @@
height: 100vh;
width: 100%;
overflow: hidden;
background: black;
display: flex;
align-items: center;
img{
height: 100%;
width: 100%;
}
.cover{
height: 100%;
width: 100%;
}
.divs{
position: absolute;
top: 0;
width: 33.33%;
height: 100%;
}
.prev{
left: 0;
}
.next{
right: 0;
}
.center{
left: 33.33%;
}
.calogBox{
height: 100upx;
height: 140upx;
width: 100%;
background: rgba(0,0,0,0.8);
background: rgba(0,0,0);
color: #666;
font-size: 14px;
position: absolute;
......@@ -101,14 +107,47 @@
.page{
flex: 2;
text-align: center;
line-height: 100upx;
line-height: 140upx;
}
.calog{
flex: 3;
text-align: center;
line-height: 100upx;
line-height: 140upx;
}
}
.modelBox{
height: 100vh;
width: 100%;
background: rgba(0,0,0,0.8);
display: flex;
position: fixed;
top: 0;
left: 0;
z-index: 500;
.prev,.center,.next{
flex: 1;
text-align: center;
color: white;
font-size: 14px;
}
.center{
border-right:1px solid #ddd;
border-left:1px solid #ddd ;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.prev,.next{
line-height: 100vh;
}
.hands{
height: 100upx;
width: 100upx;
}
}
}
</style>
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,user-scalable=yes,maximum-scale=4,minimum-scale=1"><title>virus</title><script>document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
})</script><link rel=stylesheet href=/xgfy/static/index.185af61c.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/xgfy/static/js/chunk-vendors.ba970489.js></script><script src=/xgfy/static/js/index.f1bd3e25.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
(function(e){function n(n){for(var o,r,u=n[0],c=n[1],l=n[2],s=0,f=[];s<u.length;s++)r=u[s],i[r]&&f.push(i[r][0]),i[r]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);d&&d(n);while(f.length)f.shift()();return a.push.apply(a,l||[]),t()}function t(){for(var e,n=0;n<a.length;n++){for(var t=a[n],o=!0,r=1;r<t.length;r++){var c=t[r];0!==i[c]&&(o=!1)}o&&(a.splice(n--,1),e=u(u.s=t[0]))}return e}var o={},i={index:0},a=[];function r(e){return u.p+"static/js/"+({"pages-index-calog":"pages-index-calog","pages-index-index":"pages-index-index"}[e]||e)+"."+{"pages-index-calog":"50c81ee8","pages-index-index":"a829c80a"}[e]+".js"}function u(n){if(o[n])return o[n].exports;var t=o[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,u),t.l=!0,t.exports}u.e=function(e){var n=[],t=i[e];if(0!==t)if(t)n.push(t[2]);else{var o=new Promise(function(n,o){t=i[e]=[n,o]});n.push(t[2]=o);var a,c=document.createElement("script");c.charset="utf-8",c.timeout=120,u.nc&&c.setAttribute("nonce",u.nc),c.src=r(e),a=function(n){c.onerror=c.onload=null,clearTimeout(l);var t=i[e];if(0!==t){if(t){var o=n&&("load"===n.type?"missing":n.type),a=n&&n.target&&n.target.src,r=new Error("Loading chunk "+e+" failed.\n("+o+": "+a+")");r.type=o,r.request=a,t[1](r)}i[e]=void 0}};var l=setTimeout(function(){a({type:"timeout",target:c})},12e4);c.onerror=c.onload=a,document.head.appendChild(c)}return Promise.all(n)},u.m=e,u.c=o,u.d=function(e,n,t){u.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},u.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,n){if(1&n&&(e=u(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(u.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)u.d(t,o,function(n){return e[n]}.bind(null,o));return t},u.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return u.d(n,"a",n),n},u.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},u.p="/xgfy/",u.oe=function(e){throw console.error(e),e};var c=window["webpackJsonp"]=window["webpackJsonp"]||[],l=c.push.bind(c);c.push=n,c=c.slice();for(var s=0;s<c.length;s++)n(c[s]);var d=l;a.push([0,"chunk-vendors"]),t()})({0:function(e,n,t){e.exports=t("db74")},"2c2a":function(e,n,t){"use strict";var o,i=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("App",{attrs:{keepAliveInclude:e.keepAliveInclude}})},a=[];t.d(n,"b",function(){return i}),t.d(n,"c",function(){return a}),t.d(n,"a",function(){return o})},"5fc8":function(e,n,t){n=e.exports=t("2350")(!1),n.push([e.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/*每个页面公共css */html{overflow:hidden}",""])},"6a5f":function(e,n,t){"use strict";t.r(n);var o=t("2c2a"),i=t("d352");for(var a in i)"default"!==a&&function(e){t.d(n,e,function(){return i[e]})}(a);t("a707");var r,u=t("f0c5"),c=Object(u["a"])(i["default"],o["b"],o["c"],!1,null,null,null,!1,o["a"],r);n["default"]=c.exports},"6c50":function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o={appid:"__UNI__93E38C7"};n.default=o},9375:function(e,n,t){"use strict";(function(e){var n=t("288e"),o=n(t("5176")),i=n(t("e143"));e["____93E38C7____"]=!0,delete e["____93E38C7____"],e.__uniConfig={globalStyle:{navigationStyle:"custom"}},e.__uniConfig.router={mode:"hash",base:"/xgfy/"},e.__uniConfig["async"]={loading:"AsyncLoading",error:"AsyncError",delay:200,timeout:3e3},e.__uniConfig.debug=!1,e.__uniConfig.networkTimeout={request:6e4,connectSocket:6e4,uploadFile:6e4,downloadFile:6e4},e.__uniConfig.sdkConfigs={},e.__uniConfig.qqMapKey="XVXBZ-NDMC4-JOGUS-XGIEE-QVHDZ-AMFV2",e.__uniConfig.nvue={"flex-direction":"column"},i.default.component("pages-index-index",function(e){var n={component:t.e("pages-index-index").then(function(){return e(t("bb89"))}.bind(null,t)).catch(t.oe),delay:__uniConfig["async"].delay,timeout:__uniConfig["async"].timeout};return __uniConfig["async"]["loading"]&&(n.loading={name:"SystemAsyncLoading",render:function(e){return e(__uniConfig["async"]["loading"])}}),__uniConfig["async"]["error"]&&(n.error={name:"SystemAsyncError",render:function(e){return e(__uniConfig["async"]["error"])}}),n}),i.default.component("pages-index-calog",function(e){var n={component:t.e("pages-index-calog").then(function(){return e(t("030d"))}.bind(null,t)).catch(t.oe),delay:__uniConfig["async"].delay,timeout:__uniConfig["async"].timeout};return __uniConfig["async"]["loading"]&&(n.loading={name:"SystemAsyncLoading",render:function(e){return e(__uniConfig["async"]["loading"])}}),__uniConfig["async"]["error"]&&(n.error={name:"SystemAsyncError",render:function(e){return e(__uniConfig["async"]["error"])}}),n}),e.__uniRoutes=[{path:"/",alias:"/pages/index/index",component:{render:function(e){return e("Page",{props:(0,o.default)({isQuit:!0,isEntry:!0},__uniConfig.globalStyle,{})},[e("pages-index-index",{slot:"page"})])}},meta:{id:1,name:"pages-index-index",isNVue:!1,pagePath:"pages/index/index",isQuit:!0,isEntry:!0,windowTop:0}},{path:"/pages/index/calog",component:{render:function(e){return e("Page",{props:(0,o.default)({},__uniConfig.globalStyle,{})},[e("pages-index-calog",{slot:"page"})])}},meta:{name:"pages-index-calog",isNVue:!1,pagePath:"pages/index/calog",windowTop:0}},{path:"/preview-image",component:{render:function(e){return e("Page",{props:{navigationStyle:"custom"}},[e("system-preview-image",{slot:"page"})])}},meta:{name:"preview-image",pagePath:"/preview-image"}},{path:"/choose-location",component:{render:function(e){return e("Page",{props:{navigationStyle:"custom"}},[e("system-choose-location",{slot:"page"})])}},meta:{name:"choose-location",pagePath:"/choose-location"}},{path:"/open-location",component:{render:function(e){return e("Page",{props:{navigationStyle:"custom"}},[e("system-open-location",{slot:"page"})])}},meta:{name:"open-location",pagePath:"/open-location"}}]}).call(this,t("c8ba"))},"9cdc":function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o={pages:{"pages/index/index":{},"pages/index/calog":{}},globalStyle:{navigationStyle:"custom"}};n.default=o},"9da0":function(e,n,t){var o=t("5fc8");"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var i=t("4f06").default;i("5a0603b6",o,!0,{sourceMap:!1,shadowMode:!1})},a707:function(e,n,t){"use strict";var o=t("9da0"),i=t.n(o);i.a},aca2:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o={onLaunch:function(){console.log("App Launch")},onShow:function(){console.log("App Show")},onHide:function(){uni.removeStorageSync("zrqx_covid")}};n.default=o},d352:function(e,n,t){"use strict";t.r(n);var o=t("aca2"),i=t.n(o);for(var a in o)"default"!==a&&function(e){t.d(n,e,function(){return o[e]})}(a);n["default"]=i.a},db74:function(e,n,t){"use strict";var o=t("288e"),i=o(t("cebc"));t("cadf"),t("551c"),t("097d"),t("9375"),t("1c31"),t("921b");var a=o(t("e143")),r=o(t("6a5f"));a.default.config.productionTip=!1,r.default.mpType="app";var u=new a.default((0,i.default)({},r.default));u.$mount()}});
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-calog"],{"030d":function(t,n,e){"use strict";e.r(n);var a=e("5566"),i=e("5a16");for(var c in i)"default"!==c&&function(t){e.d(n,t,function(){return i[t]})}(c);e("69f3");var r,o=e("f0c5"),u=Object(o["a"])(i["default"],a["b"],a["c"],!1,null,"d14c7d14",null,!1,a["a"],r);n["default"]=u.exports},5566:function(t,n,e){"use strict";var a,i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:"contain"},t._l(t.dataList,function(n,a){return e("v-uni-view",{staticClass:"imgBox",on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.toDetail(a)}}},[e("img",{attrs:{src:"/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-"+(a+1)+".png",alt:""}})])}),1)},c=[];e.d(n,"b",function(){return i}),e.d(n,"c",function(){return c}),e.d(n,"a",function(){return a})},"58fb":function(t,n,e){var a=e("c614");"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var i=e("4f06").default;i("0321845b",a,!0,{sourceMap:!1,shadowMode:!1})},"5a16":function(t,n,e){"use strict";e.r(n);var a=e("8403"),i=e.n(a);for(var c in a)"default"!==c&&function(t){e.d(n,t,function(){return a[t]})}(c);n["default"]=i.a},"69f3":function(t,n,e){"use strict";var a=e("58fb"),i=e.n(a);i.a},8403:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a={data:function(){return{dataList:new Array(64)}},onLoad:function(){},methods:{toDetail:function(t){uni.reLaunch({url:"./index?indx="+t})}}};n.default=a},c614:function(t,n,e){n=t.exports=e("2350")(!1),n.push([t.i,".contain[data-v-d14c7d14]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:%?40?%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow-y:auto}.imgBox[data-v-d14c7d14]{height:%?270?%;-webkit-box-flex:3;-webkit-flex:3;flex:3;margin:0 %?20?% %?30?% 0}.imgBox img[data-v-d14c7d14]{height:%?270?%}",""])}}]);
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-index"],{"0a0f":function(t,e,i){"use strict";i.r(e);var n=i("526d"),a=i.n(n);for(var o in n)"default"!==o&&function(t){i.d(e,t,function(){return n[t]})}(o);e["default"]=a.a},1683:function(t,e,i){"use strict";var n,a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"content"},[i("img",{ref:"imgs",attrs:{src:t.imgUrl,alt:""},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.tapImg(e)}}}),t.ifShow?i("v-uni-view",{staticClass:"calogBox"},[i("v-uni-view",{staticClass:"calog",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.toPage()}}},[t._v("目录")]),i("v-uni-view",{staticClass:"page"},[t._v(t._s(t.indx)+"/64")])],1):t._e(),t.showModel?i("v-uni-view",{staticClass:"modelBox",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.hideModel.apply(void 0,arguments)}}},[i("v-uni-view",{staticClass:"prev"},[t._v("上一页")]),i("v-uni-view",{staticClass:"center"},[i("v-uni-view",[t._v("点击中间")]),i("v-uni-view",{staticStyle:{"margin-bottom":"60upx","font-size":"16px","margin-top":"10upx"}},[t._v("显示菜单")]),i("v-uni-image",{staticClass:"hands",attrs:{src:"../../static/hand.png",mode:""}})],1),i("v-uni-view",{staticClass:"next"},[t._v("下一页")])],1):t._e()],1)},o=[];i.d(e,"b",function(){return a}),i.d(e,"c",function(){return o}),i.d(e,"a",function(){return n})},"4b39":function(t,e,i){e=t.exports=i("2350")(!1),e.push([t.i,".content[data-v-19b216ad]{height:100vh;width:100%;overflow:hidden;background:#000;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.content img[data-v-19b216ad]{width:100%}.content .calogBox[data-v-19b216ad]{height:%?140?%;width:100%;background:#000;color:#666;font-size:14px;position:absolute;bottom:0;left:0;z-index:400;display:-webkit-box;display:-webkit-flex;display:flex}.content .calogBox .page[data-v-19b216ad]{-webkit-box-flex:2;-webkit-flex:2;flex:2;text-align:center;line-height:%?140?%}.content .calogBox .calog[data-v-19b216ad]{-webkit-box-flex:3;-webkit-flex:3;flex:3;text-align:center;line-height:%?140?%}.content .modelBox[data-v-19b216ad]{height:100vh;width:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:flex;position:fixed;top:0;left:0;z-index:500}.content .modelBox .center[data-v-19b216ad],.content .modelBox .next[data-v-19b216ad],.content .modelBox .prev[data-v-19b216ad]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;color:#fff;font-size:14px}.content .modelBox .center[data-v-19b216ad]{border-right:1px solid #ddd;border-left:1px solid #ddd;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.content .modelBox .next[data-v-19b216ad],.content .modelBox .prev[data-v-19b216ad]{line-height:100vh}.content .modelBox .hands[data-v-19b216ad]{height:%?100?%;width:%?100?%}",""])},"526d":function(t,e,i){"use strict";var n=i("288e");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(i("e814"));i("c5f6");var o={data:function(){return{imgUrl:"/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-1.png",indx:1,ifShow:!1,showModel:!0}},onLoad:function(t){t.indx||0==t.indx?(this.imgUrl="/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-"+(Number(t.indx)+1)+".png",this.indx=Number(t.indx)+1,this.showModel=!1):uni.getStorageSync("zrqx_covid")?this.showModel=!1:(uni.setStorageSync("zrqx_covid","hello"),this.showModel=!0)},methods:{toPage:function(){uni.navigateTo({url:"./calog"})},tapImg:function(t){var e=(0,a.default)(t.detail.x/this.$refs.imgs.width*3);0==e&&(this.indx>1&&(this.indx-=1,this.imgUrl="/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-"+this.indx+".png"),this.ifShow&&(this.ifShow=!1)),1==e&&(this.ifShow=!this.ifShow),2==e&&(this.indx<64&&(this.indx+=1,this.imgUrl="/xgfy/static/0229新冠肺炎防控指导手册(中国中医科学院)-"+this.indx+".png"),this.ifShow&&(this.ifShow=!1))},hideModel:function(){this.showModel=!1}}};e.default=o},a9a2:function(t,e,i){var n=i("4b39");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var a=i("4f06").default;a("54bc6dd4",n,!0,{sourceMap:!1,shadowMode:!1})},bb89:function(t,e,i){"use strict";i.r(e);var n=i("1683"),a=i("0a0f");for(var o in a)"default"!==o&&function(t){i.d(e,t,function(){return a[t]})}(o);i("d474");var d,l=i("f0c5"),s=Object(l["a"])(a["default"],n["b"],n["c"],!1,null,"19b216ad",null,!1,n["a"],d);e["default"]=s.exports},d474:function(t,e,i){"use strict";var n=i("a9a2"),a=i.n(n);a.a}}]);
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论