fix: 修改样式图片

dist/css/chunk-112ea91c.663fc91b.css → dist/css/chunk-0c8932b6.6b72051f.css

-.todesktop-wrap[data-v-05a8861d],.todesktop-wrap img[data-v-05a8861d]{width:100%}
\ No newline at end of file
+.todesktop-wrap[data-v-4e664624],.todesktop-wrap img[data-v-4e664624]{width:100%}
\ No newline at end of file

dist/css/chunk-552c006a.96cbd8d1.css

-.help-contain[data-v-755d6465]{width:100%;height:100%;padding:.53333rem .4rem;background:#f0f2f5}.help-contain .help-body[data-v-755d6465]{width:100%}.help-contain .help-body .common-title[data-v-755d6465]{width:100%;padding-bottom:.4rem;border-bottom:.02667rem solid #d6dade}.help-contain .help-body .common-title .common-title-wrap[data-v-755d6465]{width:100%;height:.74667rem;line-height:.74667rem}.help-contain .help-body .common-title .common-title-wrap span[data-v-755d6465]{display:inline-block;vertical-align:top;font-size:.45333rem;color:#222}.help-contain .help-body .common-title .common-title-wrap span.common-title-num[data-v-755d6465]{width:.74667rem;height:.74667rem;margin-right:.26667rem;background:rgba(68,140,250,.2);border-radius:50%;border-radius:.37333rem;font-size:.53333rem;text-align:center;color:#448cfa}.help-contain .help-body .help-body-top[data-v-755d6465]{width:100%;padding:.53333rem .4rem;border-radius:.13333rem;background:#fff}.help-contain .help-body .help-body-top .help-body-img[data-v-755d6465]{width:100%;padding:.53333rem 0 .8rem 0;text-align:center}.help-contain .help-body .help-body-top .help-body-img img[data-v-755d6465]{width:4.26667rem}.help-contain .help-body .help-body-top .help-device-title[data-v-755d6465]{height:1.06667rem;line-height:1.06667rem;font-size:.37333rem;font-weight:400;color:#222}.help-contain .help-body .help-body-top .help-device[data-v-755d6465]{width:100%;overflow:hidden}.help-contain .help-body .help-body-top .help-device .help-device-ul[data-v-755d6465]{width:100%;overflow-x:auto;font-size:0}.help-contain .help-body .help-body-top .help-device .help-device-ul li[data-v-755d6465]{position:relative;display:inline-block;vertical-align:top;width:1.81333rem;height:.96rem;margin-right:.26667rem;line-height:.96rem;background:#f6f7fb;font-size:.37333rem;color:#222;text-align:center;border-radius:.08rem;overflow:hidden}.help-contain .help-body .help-body-top .help-device .help-device-ul li.active-li[data-v-755d6465]{background:rgba(68,140,250,.15);color:#448cfa}.help-contain .help-body .help-body-top .help-device .help-device-ul li .active-wrap[data-v-755d6465]{position:absolute;width:.8rem;height:.53333rem;bottom:-.18667rem;right:-.34667rem;padding:.05333rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#448cfa;z-index:2}.help-contain .help-body .help-body-top .help-device .help-device-ul li .active-wrap .active-wrap-check[data-v-755d6465]{width:.21333rem;margin:0 auto;height:.08rem;border:.02667rem solid #fff;border-right-color:#448cfa;border-top-color:#448cfa}.help-contain .help-body .help-body-top .help-device-content .help-device-one[data-v-755d6465]{margin-top:.26667rem;font-size:.32rem;color:#a5afb8;font-weight:400}.help-contain .help-body .help-body-top .help-device-content .help-device-one.help-device-two[data-v-755d6465]{margin-top:.32rem}.help-contain .help-body .help-body-top .help-device-content .help-device-one_txt[data-v-755d6465]{width:100%;margin-top:.26667rem;text-align:left;word-break:break-all;font-size:.37333rem;font-weight:400;color:#5a5a5a}.help-contain .help-body .help-body-bottom[data-v-755d6465]{width:100%;margin-top:.74667rem;padding:.53333rem .4rem;border-radius:.13333rem;background:#fff}.help-contain .help-body .help-body-bottom .help-qrcode[data-v-755d6465]{width:100%;padding:.26667rem .2rem}.help-contain .help-body .help-body-bottom .help-qrcode img[data-v-755d6465]{width:100%}
\ No newline at end of file

dist/css/chunk-7ffd35e0.c6fb26c0.css

+.help-contain[data-v-77e8a208]{width:100%;height:100%;padding:.53333rem .4rem;background:#f0f2f5}.help-contain .help-body[data-v-77e8a208]{width:100%}.help-contain .help-body .common-title[data-v-77e8a208]{width:100%;padding-bottom:.4rem;border-bottom:.02667rem solid #d6dade}.help-contain .help-body .common-title .common-title-wrap[data-v-77e8a208]{width:100%;height:.74667rem;line-height:.74667rem}.help-contain .help-body .common-title .common-title-wrap span[data-v-77e8a208]{display:inline-block;vertical-align:top;font-size:.45333rem;color:#222}.help-contain .help-body .common-title .common-title-wrap span.common-title-num[data-v-77e8a208]{width:.74667rem;height:.74667rem;margin-right:.26667rem;background:rgba(68,140,250,.2);border-radius:50%;border-radius:.37333rem;font-size:.53333rem;text-align:center;color:#448cfa}.help-contain .help-body .help-body-top[data-v-77e8a208]{width:100%;padding:.53333rem .4rem;border-radius:.13333rem;background:#fff;box-shadow:0 .10667rem .26667rem 0 rgba(136,148,156,.2)}.help-contain .help-body .help-body-top .help-body-img[data-v-77e8a208]{width:100%;padding:.53333rem 0 .8rem 0;text-align:center}.help-contain .help-body .help-body-top .help-body-img img[data-v-77e8a208]{width:4.26667rem}.help-contain .help-body .help-body-top .help-device-title[data-v-77e8a208]{height:1.06667rem;line-height:1.06667rem;font-size:.37333rem;font-weight:400;color:#222}.help-contain .help-body .help-body-top .help-device[data-v-77e8a208]{width:100%;overflow:hidden}.help-contain .help-body .help-body-top .help-device .help-device-ul[data-v-77e8a208]{width:100%;overflow-x:auto;font-size:0}.help-contain .help-body .help-body-top .help-device .help-device-ul li[data-v-77e8a208]{position:relative;display:inline-block;vertical-align:top;width:1.81333rem;height:.96rem;margin-right:.26667rem;line-height:.96rem;background:#f6f7fb;font-size:.37333rem;color:#222;text-align:center;border-radius:.08rem;overflow:hidden}.help-contain .help-body .help-body-top .help-device .help-device-ul li[data-v-77e8a208]:active{background:#f6f7fb}.help-contain .help-body .help-body-top .help-device .help-device-ul li.active-li[data-v-77e8a208]{background:rgba(68,140,250,.15);color:#448cfa}.help-contain .help-body .help-body-top .help-device .help-device-ul li .active-wrap[data-v-77e8a208]{position:absolute;width:.8rem;height:.53333rem;bottom:-.18667rem;right:-.34667rem;padding:.05333rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#448cfa;z-index:2}.help-contain .help-body .help-body-top .help-device .help-device-ul li .active-wrap .active-wrap-check[data-v-77e8a208]{width:.21333rem;margin:0 auto;height:.08rem;border:.02667rem solid #fff;border-right-color:#448cfa;border-top-color:#448cfa}.help-contain .help-body .help-body-top .help-device-content .help-device-one[data-v-77e8a208]{margin-top:.26667rem;font-size:.32rem;color:#a5afb8;font-weight:400}.help-contain .help-body .help-body-top .help-device-content .help-device-one.help-device-two[data-v-77e8a208]{margin-top:.32rem}.help-contain .help-body .help-body-top .help-device-content .help-device-one_txt[data-v-77e8a208]{width:100%;margin-top:.26667rem;text-align:left;word-break:break-all;font-size:.37333rem;font-weight:400;color:#5a5a5a}.help-contain .help-body .help-body-bottom[data-v-77e8a208]{width:100%;margin-top:.74667rem;padding:.53333rem .4rem;border-radius:.13333rem;background:#fff;box-shadow:0 .10667rem .26667rem 0 rgba(136,148,156,.2)}.help-contain .help-body .help-body-bottom .help-qrcode[data-v-77e8a208]{width:100%;padding:.26667rem .2rem}.help-contain .help-body .help-body-bottom .help-qrcode img[data-v-77e8a208]{width:100%}
\ No newline at end of file

dist/index.html

-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-0a3bb1c5.ff6db594.css rel=prefetch><link href=css/chunk-0bf56425.8286d9e3.css rel=prefetch><link href=css/chunk-112ea91c.663fc91b.css rel=prefetch><link href=css/chunk-552c006a.96cbd8d1.css rel=prefetch><link href=css/chunk-c6790de8.e67c75c3.css rel=prefetch><link href=css/chunk-ee3f4e10.676596d6.css rel=prefetch><link href=js/chunk-0a3bb1c5.ee7fc3bb.js rel=prefetch><link href=js/chunk-0bf56425.e7331198.js rel=prefetch><link href=js/chunk-112ea91c.584a33f2.js rel=prefetch><link href=js/chunk-2d0baaed.e1958668.js rel=prefetch><link href=js/chunk-552c006a.5d02f38e.js rel=prefetch><link href=js/chunk-c6790de8.30f47814.js rel=prefetch><link href=js/chunk-ee3f4e10.897ea98b.js rel=prefetch><link href=css/app.ee16f359.css rel=preload as=style><link href=js/app.9a5fb2fd.js rel=preload as=script><link href=js/chunk-vendors.591e8611.js rel=preload as=script><link href=css/app.ee16f359.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.591e8611.js></script><script src=js/app.9a5fb2fd.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-0a3bb1c5.ff6db594.css rel=prefetch><link href=css/chunk-0bf56425.8286d9e3.css rel=prefetch><link href=css/chunk-0c8932b6.6b72051f.css rel=prefetch><link href=css/chunk-7ffd35e0.c6fb26c0.css rel=prefetch><link href=css/chunk-c6790de8.e67c75c3.css rel=prefetch><link href=css/chunk-ee3f4e10.676596d6.css rel=prefetch><link href=js/chunk-0a3bb1c5.ee7fc3bb.js rel=prefetch><link href=js/chunk-0bf56425.e7331198.js rel=prefetch><link href=js/chunk-0c8932b6.c855cadc.js rel=prefetch><link href=js/chunk-2d0baaed.e1958668.js rel=prefetch><link href=js/chunk-7ffd35e0.01a5bc56.js rel=prefetch><link href=js/chunk-c6790de8.30f47814.js rel=prefetch><link href=js/chunk-ee3f4e10.897ea98b.js rel=prefetch><link href=css/app.ee16f359.css rel=preload as=style><link href=js/app.3c50aeec.js rel=preload as=script><link href=js/chunk-vendors.591e8611.js rel=preload as=script><link href=css/app.ee16f359.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.591e8611.js></script><script src=js/app.3c50aeec.js></script></body></html>
\ No newline at end of file

dist/js/chunk-0c8932b6.c855cadc.js

+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0c8932b6"],{"2b0b":function(t,e,n){t.exports=n.p+"img/to_desktop.b06ed656.png"},"447b":function(t,e,n){"use strict";var c=n("49b7"),i=n.n(c);i.a},"49b7":function(t,e,n){},cf00:function(t,e,n){"use strict";n.r(e);var c=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},i=[function(){var t=this,e=t.$createElement,c=t._self._c||e;return c("div",{staticClass:"todesktop-wrap border-box"},[c("img",{attrs:{src:n("2b0b"),alt:""}})])}],o=(n("cadf"),n("551c"),n("097d"),{data:function(){return{}},methods:{changeDevice:function(t){this.activeDevice=t}}}),s=o,r=(n("447b"),n("2877")),a=Object(r["a"])(s,c,i,!1,null,"4e664624",null);a.options.__file="index.vue";e["default"]=a.exports}}]);
+//# sourceMappingURL=chunk-0c8932b6.c855cadc.js.map
\ No newline at end of file

dist/js/chunk-112ea91c.584a33f2.js

-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-112ea91c"],{"2b0b":function(t,e,n){t.exports=n.p+"img/to_desktop.b06ed656.png"},"34ca":function(t,e,n){},c6a0:function(t,e,n){"use strict";var c=n("34ca"),a=n.n(c);a.a},cf00:function(t,e,n){"use strict";n.r(e);var c=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},a=[function(){var t=this,e=t.$createElement,c=t._self._c||e;return c("div",{staticClass:"todesktop-wrap border-box"},[c("img",{attrs:{src:n("2b0b"),alt:""}})])}],i=(n("cadf"),n("551c"),n("097d"),{data:function(){return{}},methods:{changeDevice:function(t){this.activeDevice=t}}}),o=i,s=(n("c6a0"),n("2877")),r=Object(s["a"])(o,c,a,!1,null,"05a8861d",null);r.options.__file="index.vue";e["default"]=r.exports}}]);
-//# sourceMappingURL=chunk-112ea91c.584a33f2.js.map
\ No newline at end of file

dist/js/chunk-552c006a.5d02f38e.js

-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-552c006a"],{"2fb5":function(e,t,i){e.exports=i.p+"img/custom_desktop.f5b598d2.png"},"52a8":function(e,t,i){e.exports=i.p+"img/help.a5574519.gif"},"697c":function(e,t,i){"use strict";var s=i("fdd4"),c=i.n(s);c.a},"741b":function(e,t,i){"use strict";i.r(t);var s=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"help-contain border-box"},[i("div",{staticClass:"help-body"},[i("div",{staticClass:"help-body-top border-box"},[e._m(0),e._m(1),i("div",{staticClass:"help-device-title"},[e._v("主要机型及打开方式")]),i("div",{staticClass:"help-device"},[i("ul",{staticClass:"help-device-ul"},e._l(e.deviceList,function(t,s,c){return i("li",{key:c,class:["help-device-li",e.activeDevice==s?"active-li":""],on:{click:function(t){e.changeDevice(s)}}},[e._v("\n            "+e._s(t.name)+"\n            "),e.activeDevice==s?i("div",{staticClass:"active-wrap border-box"},[i("div",{staticClass:"active-wrap-check"})]):e._e()])}),0)]),i("div",{staticClass:"help-device-content"},[i("div",{staticClass:"help-device-one"},[e._v("方式一")]),i("div",{staticClass:"help-device-one_txt"},[e._v("\n          "+e._s(e.deviceList[e.activeDevice].modeOne)+"\n        ")]),i("div",{staticClass:"help-device-one help-device-two"},[e._v("方式二")]),i("div",{staticClass:"help-device-one_txt"},[e._v("\n          "+e._s(e.deviceList[e.activeDevice].modeTwo)+"\n        ")])])]),e._m(2)])])},c=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"common-title"},[i("div",{staticClass:"common-title-wrap"},[i("span",{staticClass:"common-title-num"},[e._v("1")]),i("span",[e._v("手机开启桌面权限")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"help-body-img"},[s("img",{attrs:{src:i("52a8"),alt:""}})])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"help-body-bottom border-box"},[s("div",{staticClass:"common-title"},[s("div",{staticClass:"common-title-wrap"},[s("span",{staticClass:"common-title-num"},[e._v("2")]),s("span",[e._v("将二维码添加到桌面")])])]),s("div",{staticClass:"help-qrcode  border-box"},[s("img",{attrs:{src:i("2fb5"),alt:""}})])])}],a=(i("cadf"),i("551c"),i("097d"),{data:function(){return{activeDevice:"huawei",deviceList:{huawei:{name:"华为",modeOne:"设置——应用和通知——权限管理——权限——创建桌面快捷方式——好办",modeTwo:"手机管家——权限管理——权限——创建桌面快捷方式——好办"},xiaomi:{name:"小米",modeOne:"设置——授权管理——应用权限管理——权限管理——创建桌面快捷方式——好办",modeTwo:"安全中心——应用管理——权限——应用权限管理——权限管理——桌面快捷方式——好办"},oppo:{name:"OPPO",modeOne:"设置——安全——应用权限——权限——创建桌面快捷方式——好办",modeTwo:"手机管家——权限隐私——应用权限管理——创建——创建桌面快捷方式——好办"},vivo:{name:"VIVO",modeOne:"设置——更多设置——权限管理——权限——桌面快捷方式——好办",modeTwo:"I管家——权限管理——创建桌面快捷方式——好办"}}}},methods:{changeDevice:function(e){this.activeDevice=e}}}),n=a,o=(i("697c"),i("2877")),l=Object(o["a"])(n,s,c,!1,null,"755d6465",null);l.options.__file="index.vue";t["default"]=l.exports},fdd4:function(e,t,i){}}]);
-//# sourceMappingURL=chunk-552c006a.5d02f38e.js.map
\ No newline at end of file

dist/js/chunk-7ffd35e0.01a5bc56.js

+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7ffd35e0"],{"2fb5":function(e,t,i){e.exports=i.p+"img/custom_desktop.d7cd0718.png"},"52a8":function(e,t,i){e.exports=i.p+"img/help.0159c3fe.gif"},"741b":function(e,t,i){"use strict";i.r(t);var s=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"help-contain border-box"},[i("div",{staticClass:"help-body"},[i("div",{staticClass:"help-body-top border-box"},[e._m(0),e._m(1),i("div",{staticClass:"help-device-title"},[e._v("主要机型及打开方式")]),i("div",{staticClass:"help-device"},[i("ul",{staticClass:"help-device-ul"},e._l(e.deviceList,function(t,s,c){return i("li",{key:c,class:["help-device-li",e.activeDevice==s?"active-li":""],on:{click:function(t){e.changeDevice(s)}}},[e._v("\n            "+e._s(t.name)+"\n            "),e.activeDevice==s?i("div",{staticClass:"active-wrap border-box"},[i("div",{staticClass:"active-wrap-check"})]):e._e()])}),0)]),i("div",{staticClass:"help-device-content"},[i("div",{staticClass:"help-device-one"},[e._v("方式一")]),i("div",{staticClass:"help-device-one_txt"},[e._v("\n          "+e._s(e.deviceList[e.activeDevice].modeOne)+"\n        ")]),i("div",{staticClass:"help-device-one help-device-two"},[e._v("方式二")]),i("div",{staticClass:"help-device-one_txt"},[e._v("\n          "+e._s(e.deviceList[e.activeDevice].modeTwo)+"\n        ")])])]),e._m(2)])])},c=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"common-title"},[i("div",{staticClass:"common-title-wrap"},[i("span",{staticClass:"common-title-num"},[e._v("1")]),i("span",[e._v("手机开启桌面权限")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"help-body-img"},[s("img",{attrs:{src:i("52a8"),alt:""}})])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"help-body-bottom border-box"},[s("div",{staticClass:"common-title"},[s("div",{staticClass:"common-title-wrap"},[s("span",{staticClass:"common-title-num"},[e._v("2")]),s("span",[e._v("将二维码添加到桌面")])])]),s("div",{staticClass:"help-qrcode  border-box"},[s("img",{attrs:{src:i("2fb5"),alt:""}})])])}],a=(i("cadf"),i("551c"),i("097d"),{data:function(){return{activeDevice:"huawei",deviceList:{huawei:{name:"华为",modeOne:"设置——应用和通知——权限管理——权限——创建桌面快捷方式——好办",modeTwo:"手机管家——权限管理——权限——创建桌面快捷方式——好办"},xiaomi:{name:"小米",modeOne:"设置——授权管理——应用权限管理——权限管理——创建桌面快捷方式——好办",modeTwo:"安全中心——应用管理——权限——应用权限管理——权限管理——桌面快捷方式——好办"},oppo:{name:"OPPO",modeOne:"设置——安全——应用权限——权限——创建桌面快捷方式——好办",modeTwo:"手机管家——权限隐私——应用权限管理——创建——创建桌面快捷方式——好办"},vivo:{name:"VIVO",modeOne:"设置——更多设置——权限管理——权限——桌面快捷方式——好办",modeTwo:"I管家——权限管理——创建桌面快捷方式——好办"}}}},methods:{changeDevice:function(e){this.activeDevice=e}}}),n=a,o=(i("7bdb"),i("2877")),l=Object(o["a"])(n,s,c,!1,null,"77e8a208",null);l.options.__file="index.vue";t["default"]=l.exports},"7bdb":function(e,t,i){"use strict";var s=i("f30b"),c=i.n(s);c.a},f30b:function(e,t,i){}}]);
+//# sourceMappingURL=chunk-7ffd35e0.01a5bc56.js.map
\ No newline at end of file

src/views/help/index.vue

@@ -121,6 +121,7 @@ export default {
       padding: 20px 15px;
       border-radius: 5px;
       background: #fff;
+      box-shadow:0px 4px 10px 0px rgba(136,148,156,0.2);
       .help-body-img {
         width: 100%;
         padding: 20px 0 30px 0;
@@ -157,6 +158,9 @@ export default {
             text-align: center;
             border-radius: 3px;
             overflow: hidden;
+            &:active {
+              background: #F6F7FB;
+            }
             &.active-li {
               background: rgba(68,140,250,0.15);
               color: #448CFA;
@@ -215,6 +219,7 @@ export default {
       padding: 20px 15px;
       border-radius: 5px;
       background: #fff;
+      box-shadow:0px 4px 10px 0px rgba(136,148,156,0.2);
       .help-qrcode {
         width: 100%;
         padding: 10px 7.5px;