作者 |End_less_,责编 | 夕颜
来源 | CSDN博客
头图 | CSDN 下载自视觉中国
出品 | CSDN(ID:CSDNnews)
前言
今天,我们来学习一下如何使用vue进行微信小程序的搭建,感受一下使用Vue做小程序的魔力。
生命周期
1. Vue的生命周期
什么是Vue生命周期?简单来说,Vue 实例从创建到销毁的过程,就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。Vue生命周期的作用,在于它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
2. 微信小程序页面生命周期
3. uni-app生命周期
1. 应用生命周期
当使用uni-app进行项目的创建的时候,会在入口文件App.vue中自动生成应用生命周期的大致结构:
2. 页面生命周期
具体内容可看官网文档 :uni-app 生命周期(%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F)
项目搭建
项目使用的编辑器:VSCode,微信开发者工具,node环境,vue环境…
1. 创建项目
使用命令行:
其中 projectName是项目名称,可自定义。
由于使用的是scss样式,需要安装sass-loader插件
命令行:npm i sass-loader node-sass,如果一直下载不成功,建议使用淘宝镜像。
2. 在微信小程序开发工具导入项目
首先使用命令行:npm run dev:mp-weixin,运行项目
3. 使用VSCode进行项目编写
当第二步完成之后,将项目文件夹在VSCode中打开,即可进行项目的编写。
项目结构
关于Vue知识,你需要了解哪些?
具体可看博客 --> Vue Knowledge()
关于此项目微信小程序开发,你必须知道的知识
1. 如何将数据挂载在全局?
1.使用Vue原型进行数据挂载
例如:
2.getApp().globalData
2. image中的mode属性
在实现微信小程序时,肯定会处理图片的一些事件,缩略图,原图,显示样式等等都是需要考虑的。
3. 如何模拟触屏事件?
大致思路:
给容器绑定两个触屏事件 touchstart 和 touchend
用户按下屏幕事件
a. 记录用户按下屏幕的时间 Date.now() 时间戳 返回 1970 -1-1 到现在的毫秒数
b. 记录用户按下屏幕的坐标 x 和 y
用户离开屏幕事件
记录用户离开屏幕的时间 Date.noew()
记录用户离开屏幕的坐标 x 和 y
根据两个时间 运算 判断 用户按下屏幕时长是否合法
根据两对坐标 判断距离是否合法 判断 滑动的方向
4. 微信小程序轮播图如何实现?
一些基础知识:
1. 自动轮播 autoplay
2. 指示器 indicator-dots
3. 衔接轮播 circular
4. swiper标签 默认的高度是150px
5. image标签默认的宽度320px => 基本样式中重置了100%
默认的高度240px
6. 要计算图片的宽度和高度的比例 图片的宽度/高度
7. 把图片的比例也写到swiper标签样式中去
8. swiper-item 默认宽高是继承父元素的100%
更多相关知识可以在官方文档中进行查看 scroll-view 微信开放文档
5. 如何在微信小程序中实现Promise请求?
众所周知,在微信小程序中,其原生语言是不支持promise请求的。同时,uni-app的请求不能够方便的添加 “请求中” 效果,并且其返回值是一个数组。
封装思路
1.基于原生的promise进行封装
创建request.js文件:
2.将其挂载在Vue的原型上
3.通过this.request的方式进行请求
每次进行获取页面数据请求中,直接使用this.request进行请求数据,例如:
6. 如何下载文件到本地?
1.函数介绍
1. uni.downloadFile(OBJECT)
下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。
在各个小程序平台运行时,网络相关的 API 在使用前需要配置域名白名单。
OBJECT 参数说明
注:文件的临时路径,在应用本次启动期间可以正常使用,如需持久保存,需在主动调用uni.saveFilevue组件继承,才能在应用下次启动时访问得到。
success 返回参数说明
注意:网络请求的超时时间可以统一在 manifest.json 中配置 networkTimeout。
2. uni.saveImageToPhotosAlbum(OBJECT)
保存图片到系统相册。
平台差异说明
OBJECT 参数说明
success 返回参数说明
注意
可以通过用户授权API来判断用户是否给应用授予相册的访问权限
H5没有API可触发保存到相册行为,下载图片时浏览器会询问图片存放地址。
具体的一些属性和方法可阅读官方文档 uni-app
2.如何实现?
项目实现中,本人遇到的bug和一些注意问题
页面不显示
查看pages.json是否添加了相关的页面以及配置。
关于flex布局,图片显示的问题
论坛发布过这个问题:uni-app创建微信小程序 flex布局问题()
moment.js 中英文转换
报错信息:
但是在node_modules中可以找到文件:
解决方法
1.
2.
3.
4.更新moment.js版本
亲测第三种vue组件继承,第四种方法有效。
总结
使用vue进行微信小程序的编写,写法也类似Vue框架开发Web网页一样,使用组件,mpvue会自动转化成源生代码适应于小程序。
优点:组件化,易于维护,可以重复使用,节省开发成本。
数据绑定,事件处理,Scoped局部样式,使用HTML标签构建页面。
这样最大化的保持和网页应用开发一致,减少了前端人员切换到小程序的学习理解成本,也为原先使用Vue开发的网页应用移植到小程序平台提供了降低迁移成本的可能。
数据方面更新更为简易,不需要使用原生的SetData方法。还有WebPack自动构建,熟悉Vue的人易于上手。
优化了很多小程序的不足点(不能使用npm,不能使用css预处理器,原生是callback语法等等)
缺点:slot问题
原文链接:
<p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(157, 157, 157)" data-darkmode-original-color-15870356070738="rgb(73, 73, 73)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(157, 157, 157)" data-darkmode-original-color-15870356071023="rgb(73, 73, 73)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(157, 157, 157)" data-darkmode-original-color-15882384789136="rgb(73, 73, 73)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(157, 157, 157)" data-darkmode-original-color-15882396318564="rgb(73, 73, 73)"><span data-darkmode-bgcolor-15860613985508="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15860613985508="rgb(0, 128, 255)" data-darkmode-color-15860613985508="rgb(255, 255, 255)" data-darkmode-original-color-15860613985508="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356070738="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15870356070738="rgb(0, 128, 255)" data-darkmode-color-15870356070738="rgb(255, 255, 255)" data-darkmode-original-color-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15870356071023="rgb(0, 128, 255)" data-darkmode-color-15870356071023="rgb(255, 255, 255)" data-darkmode-original-color-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15882384789136="rgb(0, 128, 255)" data-darkmode-color-15882384789136="rgb(255, 255, 255)" data-darkmode-original-color-15882384789136="rgb(255, 255, 255)" data-darkmode-bgcolor-15882396318564="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15882396318564="rgb(0, 128, 255)" data-darkmode-color-15882396318564="rgb(255, 255, 255)" data-darkmode-original-color-15882396318564="rgb(255, 255, 255)" style="font-size: 15px"><strong data-darkmode-bgcolor-15860613985508="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15860613985508="rgb(0, 128, 255)" data-darkmode-color-15860613985508="rgb(255, 255, 255)" data-darkmode-original-color-15860613985508="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356070738="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15870356070738="rgb(0, 128, 255)" data-darkmode-color-15870356070738="rgb(255, 255, 255)" data-darkmode-original-color-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15870356071023="rgb(0, 128, 255)" data-darkmode-color-15870356071023="rgb(255, 255, 255)" data-darkmode-original-color-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15882384789136="rgb(0, 128, 255)" data-darkmode-color-15882384789136="rgb(255, 255, 255)" data-darkmode-original-color-15882384789136="rgb(255, 255, 255)" data-darkmode-bgcolor-15882396318564="rgb(0, 128, 255)" data-darkmode-original-bgcolor-15882396318564="rgb(0, 128, 255)" data-darkmode-color-15882396318564="rgb(255, 255, 255)" data-darkmode-original-color-15882396318564="rgb(255, 255, 255)">更多精彩推荐</strong></span></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="cursor: pointer;font-size: 14px"></span><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px">☞</span><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA==&mid=2650744497&idx=1&sn=4fa101ebb4fb1d5f3237e66987915e43&chksm=bea7576289d0de74dee44e0b57572d146c51bfec4f799aa3d55ff71b0badeee0f45116e0bae6&scene=21#wechat_redirect" data-itemshowtype="0" data-linktype="2" style="cursor: pointer;letter-spacing: 0.544px;font-size: 14px" rel="noopener"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer">一文浓缩 60 年,程序员不可不知的开源秘史!</span></a></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px"></span><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px">☞</span><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA==&mid=2650744474&idx=1&sn=dca36d418f402acb47b2574ab96db65d&chksm=bea7574989d0de5fa50afa1eea727a90bdcda24fbb98cb91b6745fb61745f25e93fc40899339&scene=21#wechat_redirect" data-itemshowtype="0" data-linktype="2" style="cursor: pointer;letter-spacing: 0.544px;font-size: 14px" rel="noopener"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer">CSDN总部落户长沙,共建中国开发者产业中心城市!</span></a></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA==&mid=2650744509&idx=1&sn=d1443641aa346ae2576e0db3db0471e6&chksm=bea7576e89d0de783e0c17c424d671fdd8da07f7635f3fe10172728a2b1335af3b75addb20f2&scene=21#wechat_redirect" data-itemshowtype="0" data-linktype="2" style="font-size: 14px;letter-spacing: 0.544px;cursor: pointer" rel="noopener"><span style="letter-spacing: 0.544px;cursor: pointer">☞AI 修复 100 年前晚清影像喜提热搜,有穿越内味儿了!</span></a></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px">☞</span><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzI0ODcxODk5OA==&mid=2247514697&idx=1&sn=8e8e34f797b6c88d6ec031f5d46395d6&chksm=e99e89b0dee900a66318bbb435c0d4b5b4637391df67ff10bbb1d932306e0b76490b2bdce8cf&scene=21#wechat_redirect" data-itemshowtype="0" data-linktype="2" style="cursor: pointer;letter-spacing: 0.544px;font-size: 14px" rel="noopener"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer">CycleGan人脸转为漫画脸,牛掰的知识又增加了!| 附代码</span></a></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px">☞</span><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzA3MjY1MTQwNQ==&mid=2649834742&idx=1&sn=264c3b5c6919699bfa446f19ce9b90b3&chksm=871ee314b0696a02ae536b12adbe0af1206f580286239fa8a8202fdb920de71a74db508a6506&scene=21#wechat_redirect" data-itemshowtype="11" data-linktype="2" style="cursor: pointer;letter-spacing: 0.544px;font-size: 14px" rel="noopener"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer">触发死锁怎么办?MySQL 的死锁系列:锁的类型以及加锁原理了解一下!</span></a></p><p data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882384789136="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer;font-size: 14px">☞</span><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzU2MTE1NDk2Mg==&mid=2247500797&idx=1&sn=0020b88e99361b064c55a933a63d2074&chksm=fc7f9d00cb0814165629ddfca0e8245d8c6a93c3520254410d6595dabb80710ea7b8c0a4bd8e&scene=21#wechat_redirect" data-itemshowtype="11" data-linktype="2" style="cursor: pointer;letter-spacing: 0.544px;font-size: 14px" rel="noopener"><span data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(0, 128, 255)" data-darkmode-original-color-15882396318564="rgb(0, 128, 255)" style="letter-spacing: 0.544px;cursor: pointer">带血的战士| 吴忌寒传</span></a></p><section data-tools="135编辑器" data-id="91842" data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)"><section data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" style="clear: both"><section data-tools="135编辑器" data-id="91842" data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" style="letter-spacing: 0.544px;border-width: 0px;border-style: none;border-color: initial"><section data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" style="clear: both"><section data-brushtype="text" data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgimage-15860613985508="1" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgimage-15870356070738="1" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgimage-15870356071023="1" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgimage-15882384789136="1" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" data-darkmode-bgimage-15882396318564="1"><section data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgimage-15860613985508="1" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgimage-15870356070738="1" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgimage-15870356071023="1" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgimage-15882384789136="1" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" data-darkmode-bgimage-15882396318564="1" style="justify-content: center;align-items: center"><section data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(230, 230, 230)" data-darkmode-original-color-15860613985508="rgb(0, 0, 0)" data-darkmode-bgimage-15860613985508="1" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(230, 230, 230)" data-darkmode-original-color-15870356070738="rgb(0, 0, 0)" data-darkmode-bgimage-15870356070738="1" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(230, 230, 230)" data-darkmode-original-color-15870356071023="rgb(0, 0, 0)" data-darkmode-bgimage-15870356071023="1" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(230, 230, 230)" data-darkmode-original-color-15882384789136="rgb(0, 0, 0)" data-darkmode-bgimage-15882384789136="1" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(230, 230, 230)" data-darkmode-original-color-15882396318564="rgb(0, 0, 0)" data-darkmode-bgimage-15882396318564="1" style="margin-left: 2px;width: 20px"></section><section data-brushtype="text" data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(51, 51, 51)" data-darkmode-original-color-15860613985508="rgb(51, 51, 51)" data-darkmode-bgimage-15860613985508="1" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(51, 51, 51)" data-darkmode-original-color-15870356070738="rgb(51, 51, 51)" data-darkmode-bgimage-15870356070738="1" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(51, 51, 51)" data-darkmode-original-color-15870356071023="rgb(51, 51, 51)" data-darkmode-bgimage-15870356071023="1" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(51, 51, 51)" data-darkmode-original-color-15882384789136="rgb(51, 51, 51)" data-darkmode-bgimage-15882384789136="1" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(51, 51, 51)" data-darkmode-original-color-15882396318564="rgb(51, 51, 51)" data-darkmode-bgimage-15882396318564="1" style="font-size: 14px;text-align: right"><span data-darkmode-bgcolor-15860613985508="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15860613985508="rgb(255, 255, 255)" data-darkmode-color-15860613985508="rgb(51, 51, 51)" data-darkmode-original-color-15860613985508="rgb(51, 51, 51)" data-darkmode-bgimage-15860613985508="1" data-darkmode-bgcolor-15870356070738="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356070738="rgb(255, 255, 255)" data-darkmode-color-15870356070738="rgb(51, 51, 51)" data-darkmode-original-color-15870356070738="rgb(51, 51, 51)" data-darkmode-bgimage-15870356070738="1" data-darkmode-bgcolor-15870356071023="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15870356071023="rgb(255, 255, 255)" data-darkmode-color-15870356071023="rgb(51, 51, 51)" data-darkmode-original-color-15870356071023="rgb(51, 51, 51)" data-darkmode-bgimage-15870356071023="1" data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-darkmode-color-15882384789136="rgb(51, 51, 51)" data-darkmode-original-color-15882384789136="rgb(51, 51, 51)" data-darkmode-bgimage-15882384789136="1" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgb(51, 51, 51)" data-darkmode-original-color-15882396318564="rgb(51, 51, 51)" data-darkmode-bgimage-15882396318564="1" style="font-family: 楷体, 楷体_GB2312, SimKai">你点的每个“在看”,我都认真当成了喜欢</span></section></section></section></section></section></section></section>
———END———
限 时 特 惠:本站每日持续更新海量各大内部创业教程,一年会员只需128元,全站资源免费下载点击查看详情
站 长 微 信:jiumai99
2.本站所有项目来源于投稿或购买自其他第三方,若本站侵犯了您的权益请 联系站长 进行删除处理。