diff --git a/pages/index/index.vue b/pages/index/index.vue index bbfb347..0520cd2 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -11,7 +11,9 @@ - + + + {{progressNum}}% @@ -139,6 +141,8 @@ background: rgba(143,118,238,0.3); border-radius: 20rpx; width: 0; + overflow: hidden; + position: relative; } } } @@ -172,4 +176,10 @@ left: 78rpx; } } + .dongxiao{ + position: absolute; + right: 0; + height: 100%; + width: 158rpx; + } diff --git a/static/1/loading.png b/static/1/loading.png new file mode 100644 index 0000000..a41d9aa Binary files /dev/null and b/static/1/loading.png differ diff --git a/unpackage/dist/build/web/index.html b/unpackage/dist/build/web/index.html index 665611d..5cf9cab 100644 --- a/unpackage/dist/build/web/index.html +++ b/unpackage/dist/build/web/index.html @@ -1,2 +1,2 @@ shanjuandong
\ No newline at end of file + document.write('')
\ No newline at end of file diff --git a/unpackage/dist/build/web/static/1/loading.png b/unpackage/dist/build/web/static/1/loading.png new file mode 100644 index 0000000..a41d9aa Binary files /dev/null and b/unpackage/dist/build/web/static/1/loading.png differ diff --git a/unpackage/dist/build/web/static/js/index.f21d6792.js b/unpackage/dist/build/web/static/js/index.be76b179.js similarity index 98% rename from unpackage/dist/build/web/static/js/index.f21d6792.js rename to unpackage/dist/build/web/static/js/index.be76b179.js index f0c5708..e83df86 100644 --- a/unpackage/dist/build/web/static/js/index.f21d6792.js +++ b/unpackage/dist/build/web/static/js/index.be76b179.js @@ -1 +1 @@ -(function(n){function e(e){for(var i,r,u=e[0],c=e[1],s=e[2],g=0,f=[];g1?uni.navigateBack({}):window.location.href=window.location.origin},r.default.prototype.concat=function(){};var u=new r.default((0,t.default)({},a.default));u.$mount()},6977:function(n,e,o){var i=o("c86c");e=i(!1),e.push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t/*每个页面公共css */.back-icon{width:%?27?%;height:%?50?%;margin:%?20?% auto 0 %?49?%}",""]),n.exports=e},cf83:function(n,e,o){var i=o("6977");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);var t=o("967d").default;t("25d58010",i,!0,{sourceMap:!1,shadowMode:!1})},e642:function(n,e,o){"use strict";o.r(e);var i=o("2076"),t=o("3829");for(var a in t)["default"].indexOf(a)<0&&function(n){o.d(e,n,(function(){return t[n]}))}(a);o("34b4");var r=o("828b"),u=Object(r["a"])(t["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],void 0);e["default"]=u.exports}}); \ No newline at end of file +(function(n){function e(e){for(var i,r,u=e[0],c=e[1],s=e[2],g=0,f=[];g1?uni.navigateBack({}):window.location.href=window.location.origin},r.default.prototype.concat=function(){};var u=new r.default((0,t.default)({},a.default));u.$mount()},6977:function(n,e,o){var i=o("c86c");e=i(!1),e.push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t/*每个页面公共css */.back-icon{width:%?27?%;height:%?50?%;margin:%?20?% auto 0 %?49?%}",""]),n.exports=e},cf83:function(n,e,o){var i=o("6977");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);var t=o("967d").default;t("25d58010",i,!0,{sourceMap:!1,shadowMode:!1})},e642:function(n,e,o){"use strict";o.r(e);var i=o("2076"),t=o("3829");for(var a in t)["default"].indexOf(a)<0&&function(n){o.d(e,n,(function(){return t[n]}))}(a);o("34b4");var r=o("828b"),u=Object(r["a"])(t["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],void 0);e["default"]=u.exports}}); \ No newline at end of file diff --git a/unpackage/dist/build/web/static/js/pages-index-index.a2453d2f.js b/unpackage/dist/build/web/static/js/pages-index-index.a2453d2f.js new file mode 100644 index 0000000..640e4c7 --- /dev/null +++ b/unpackage/dist/build/web/static/js/pages-index-index.a2453d2f.js @@ -0,0 +1 @@ +(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-index"],{"0fdc":function(t,n,e){var i=e("327c");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=e("967d").default;a("f58f6226",i,!0,{sourceMap:!1,shadowMode:!1})},2117:function(t,n,e){t.exports=e.p+"static/1/3.png"},"327c":function(t,n,e){var i=e("c86c");n=i(!1),n.push([t.i,'@charset "UTF-8";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */.bg[data-v-00fe3d0c]{width:100%;min-height:100vh;font-size:0;background:#000}.content[data-v-00fe3d0c]{width:100%;min-height:100vh;position:relative}.content .bg-image[data-v-00fe3d0c]{width:100%;min-height:100vh;height:auto}.content .btn_1[data-v-00fe3d0c]{width:%?569?%;height:%?74?%;position:absolute;bottom:%?68?%;left:%?95?%}.content.content_2[data-v-00fe3d0c]{display:flex;flex-direction:column;align-items:center;justify-content:center}.content.content_2 .title_2[data-v-00fe3d0c]{width:%?65?%;height:%?76?%}.content.content_2 .progress-container[data-v-00fe3d0c]{width:%?387?%;height:%?24?%;border-radius:%?20?%;border:2px solid #8f76ee;margin:%?26?% 0}.content.content_2 .progress-container .progress[data-v-00fe3d0c]{height:100%;background:rgba(143,118,238,.3);border-radius:%?20?%;width:0;overflow:hidden;position:relative}.btn-box[data-v-00fe3d0c]{width:100%;height:100%;position:absolute;left:0;bottom:0}.btn-box uni-image[data-v-00fe3d0c]{position:absolute}.btn-box .btn1[data-v-00fe3d0c]{width:%?298?%;height:%?62?%;top:%?810?%;left:%?229?%}.btn-box .btn2[data-v-00fe3d0c]{width:%?243?%;height:%?74?%;bottom:%?223?%;left:%?78?%}.dongxiao[data-v-00fe3d0c]{position:absolute;right:0;height:100%;width:%?158?%}',""]),t.exports=n},"3b7f":function(t,n,e){"use strict";e.r(n);var i=e("a155"),a=e("fbf9");for(var s in a)["default"].indexOf(s)<0&&function(t){e.d(n,t,(function(){return a[t]}))}(s);e("8ead");var o=e("828b"),r=Object(o["a"])(a["default"],i["b"],i["c"],!1,null,"00fe3d0c",null,!1,i["a"],void 0);n["default"]=r.exports},"59a4":function(t,n,e){t.exports=e.p+"static/1/1.png"},8973:function(t,n,e){t.exports=e.p+"static/1/2.png"},"8ead":function(t,n,e){"use strict";var i=e("0fdc"),a=e.n(i);a.a},a155:function(t,n,e){"use strict";e.d(n,"b",(function(){return i})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){}));var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:"bg"},[e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:0==t.number,expression:"number == 0"}],staticClass:"content"},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/1.png",mode:"widthFix"}}),e("v-uni-image",{staticClass:"btn_1",attrs:{src:"/static/1/1btn.png"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.click.apply(void 0,arguments)}}})],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:1==t.number,expression:"number == 1"}],staticClass:"content content_2"},[e("v-uni-image",{staticClass:"title_2",attrs:{src:"/static/1/2title.png"}}),e("v-uni-view",{staticClass:"progress-container"},[e("v-uni-view",{staticClass:"progress",style:{width:t.progressNum+"%"}},[e("v-uni-image",{staticClass:"dongxiao",attrs:{src:"/static/1/loading.png"}})],1)],1),e("v-uni-view",{staticStyle:{"font-weight":"bold","font-size":"24rpx",color:"#8F76EE"}},[t._v(t._s(t.progressNum)+"%")])],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:2==t.number,expression:"number == 2"}],staticClass:"content",on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.click.apply(void 0,arguments)},touchstart:function(n){arguments[0]=n=t.$handleEvent(n),t.touchStart.apply(void 0,arguments)},touchend:function(n){arguments[0]=n=t.$handleEvent(n),t.touchEnd.apply(void 0,arguments)}}},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/2.png",mode:"widthFix"}})],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:3==t.number,expression:"number == 3"}],staticClass:"content"},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/3.png",mode:"widthFix"}}),e("v-uni-view",{staticClass:"btn-box"},[e("v-uni-image",{staticClass:"btn1",attrs:{src:"/static/1/btn1.png",mode:""}}),e("v-uni-image",{staticClass:"btn2",attrs:{src:"/static/1/btn2.png",mode:""},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.gotoPath("/pages/index/tiansheng")}}}),e("v-uni-image",{staticClass:"btn2",staticStyle:{left:"449rpx"},attrs:{src:"/static/1/btn3.png",mode:""},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.gotoPath("/pages/index/dongLing")}}})],1)],1)],1)},a=[]},c669:function(t,n,e){"use strict";e("6a54"),Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{imgSrc:e("59a4"),progressNum:0,number:0,startY:0}},onLoad:function(){},methods:{gotoPath:function(t){uni.navigateTo({url:t})},click:function(){switch(this.number+=1,this.number){case 1:this.startProgress();break;case 2:this.imgSrc=e("8973");break;case 3:this.imgSrc=e("2117");break;default:break}},startProgress:function(){var t=this,n=setInterval((function(){t.progressNum++,t.progressNum>=100&&(t.progressNum=100,clearInterval(n),t.number=2)}),10)},touchStart:function(t){this.startY=t.changedTouches[0].clientY},touchEnd:function(t){var n=t.changedTouches[0].clientY,e=this.startY-n;e>50&&2==this.number&&(console.log("上滑操作触发"),this.click())}}};n.default=i},fbf9:function(t,n,e){"use strict";e.r(n);var i=e("c669"),a=e.n(i);for(var s in i)["default"].indexOf(s)<0&&function(t){e.d(n,t,(function(){return i[t]}))}(s);n["default"]=a.a}}]); \ No newline at end of file diff --git a/unpackage/dist/build/web/static/js/pages-index-index.f93db0d3.js b/unpackage/dist/build/web/static/js/pages-index-index.f93db0d3.js deleted file mode 100644 index 2259e4a..0000000 --- a/unpackage/dist/build/web/static/js/pages-index-index.f93db0d3.js +++ /dev/null @@ -1 +0,0 @@ -(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-index"],{2117:function(t,n,e){t.exports=e.p+"static/1/3.png"},2785:function(t,n,e){var i=e("c86c");n=i(!1),n.push([t.i,'@charset "UTF-8";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */.bg[data-v-5d328f2f]{width:100%;min-height:100vh;font-size:0;background:#000}.content[data-v-5d328f2f]{width:100%;min-height:100vh;position:relative}.content .bg-image[data-v-5d328f2f]{width:100%;min-height:100vh;height:auto}.content .btn_1[data-v-5d328f2f]{width:%?569?%;height:%?74?%;position:absolute;bottom:%?68?%;left:%?95?%}.content.content_2[data-v-5d328f2f]{display:flex;flex-direction:column;align-items:center;justify-content:center}.content.content_2 .title_2[data-v-5d328f2f]{width:%?65?%;height:%?76?%}.content.content_2 .progress-container[data-v-5d328f2f]{width:%?387?%;height:%?24?%;border-radius:%?20?%;border:2px solid #8f76ee;margin:%?26?% 0}.content.content_2 .progress-container .progress[data-v-5d328f2f]{height:100%;background:rgba(143,118,238,.3);border-radius:%?20?%;width:0}.btn-box[data-v-5d328f2f]{width:100%;height:100%;position:absolute;left:0;bottom:0}.btn-box uni-image[data-v-5d328f2f]{position:absolute}.btn-box .btn1[data-v-5d328f2f]{width:%?298?%;height:%?62?%;top:%?810?%;left:%?229?%}.btn-box .btn2[data-v-5d328f2f]{width:%?243?%;height:%?74?%;bottom:%?223?%;left:%?78?%}',""]),t.exports=n},"3b7f":function(t,n,e){"use strict";e.r(n);var i=e("68dd"),s=e("fbf9");for(var a in s)["default"].indexOf(a)<0&&function(t){e.d(n,t,(function(){return s[t]}))}(a);e("728b");var r=e("828b"),o=Object(r["a"])(s["default"],i["b"],i["c"],!1,null,"5d328f2f",null,!1,i["a"],void 0);n["default"]=o.exports},"59a4":function(t,n,e){t.exports=e.p+"static/1/1.png"},"68dd":function(t,n,e){"use strict";e.d(n,"b",(function(){return i})),e.d(n,"c",(function(){return s})),e.d(n,"a",(function(){}));var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:"bg"},[e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:0==t.number,expression:"number == 0"}],staticClass:"content"},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/1.png",mode:"widthFix"}}),e("v-uni-image",{staticClass:"btn_1",attrs:{src:"/static/1/1btn.png"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.click.apply(void 0,arguments)}}})],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:1==t.number,expression:"number == 1"}],staticClass:"content content_2"},[e("v-uni-image",{staticClass:"title_2",attrs:{src:"/static/1/2title.png"}}),e("v-uni-view",{staticClass:"progress-container"},[e("v-uni-view",{staticClass:"progress",style:{width:t.progressNum+"%"}})],1),e("v-uni-view",{staticStyle:{"font-weight":"bold","font-size":"24rpx",color:"#8F76EE"}},[t._v(t._s(t.progressNum)+"%")])],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:2==t.number,expression:"number == 2"}],staticClass:"content",on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.click.apply(void 0,arguments)},touchstart:function(n){arguments[0]=n=t.$handleEvent(n),t.touchStart.apply(void 0,arguments)},touchend:function(n){arguments[0]=n=t.$handleEvent(n),t.touchEnd.apply(void 0,arguments)}}},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/2.png",mode:"widthFix"}})],1),e("v-uni-view",{directives:[{name:"show",rawName:"v-show",value:3==t.number,expression:"number == 3"}],staticClass:"content"},[e("v-uni-image",{staticClass:"bg-image",attrs:{src:"/static/1/3.png",mode:"widthFix"}}),e("v-uni-view",{staticClass:"btn-box"},[e("v-uni-image",{staticClass:"btn1",attrs:{src:"/static/1/btn1.png",mode:""}}),e("v-uni-image",{staticClass:"btn2",attrs:{src:"/static/1/btn2.png",mode:""},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.gotoPath("/pages/index/tiansheng")}}}),e("v-uni-image",{staticClass:"btn2",staticStyle:{left:"449rpx"},attrs:{src:"/static/1/btn3.png",mode:""},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.gotoPath("/pages/index/dongLing")}}})],1)],1)],1)},s=[]},"728b":function(t,n,e){"use strict";var i=e("dc39"),s=e.n(i);s.a},8973:function(t,n,e){t.exports=e.p+"static/1/2.png"},c669:function(t,n,e){"use strict";e("6a54"),Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{imgSrc:e("59a4"),progressNum:0,number:0,startY:0}},onLoad:function(){},methods:{gotoPath:function(t){uni.navigateTo({url:t})},click:function(){switch(this.number+=1,this.number){case 1:this.startProgress();break;case 2:this.imgSrc=e("8973");break;case 3:this.imgSrc=e("2117");break;default:break}},startProgress:function(){var t=this,n=setInterval((function(){t.progressNum++,t.progressNum>=100&&(t.progressNum=100,clearInterval(n),t.number=2)}),10)},touchStart:function(t){this.startY=t.changedTouches[0].clientY},touchEnd:function(t){var n=t.changedTouches[0].clientY,e=this.startY-n;e>50&&2==this.number&&(console.log("上滑操作触发"),this.click())}}};n.default=i},dc39:function(t,n,e){var i=e("2785");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var s=e("967d").default;s("52a43800",i,!0,{sourceMap:!1,shadowMode:!1})},fbf9:function(t,n,e){"use strict";e.r(n);var i=e("c669"),s=e.n(i);for(var a in i)["default"].indexOf(a)<0&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=s.a}}]); \ No newline at end of file