453530270@qq.com
2 years ago
2687 changed files with 78839 additions and 595582 deletions
@ -1,17 +0,0 @@ |
|||
# http://editorconfig.org |
|||
|
|||
root = true |
|||
|
|||
# all files |
|||
[*] |
|||
charset = utf-8 |
|||
indent_style = space |
|||
indent_size = 2 |
|||
end_of_line = crlf |
|||
insert_final_newline = true |
|||
trim_trailing_whitespace = true |
|||
|
|||
# md files |
|||
[*.md] |
|||
insert_final_newline = false |
|||
trim_trailing_whitespace = false |
|||
@ -1,45 +0,0 @@ |
|||
src/core/helpers/html-parser.js |
|||
src/platforms/app-plus-nvue/runtime |
|||
src/platforms/app-plus/service/api/plugin/uts.js |
|||
build/rollup-plugin-require-context |
|||
packages/*/packages/uni-app-plus |
|||
packages/*/packages/uni-app-plus-nvue |
|||
packages/*/packages/uni-app-plus-nvue-v8 |
|||
packages/*/packages/weex-styler |
|||
packages/*/packages/weex-template-compiler |
|||
packages/*/packages/@intervolga |
|||
packages/*/packages/@megalo |
|||
packages/*/packages/@vue |
|||
packages/*/packages/app-vue-style-loader |
|||
packages/*/packages/h5-vue |
|||
packages/*/packages/h5-vue-router |
|||
packages/*/packages/h5-vue-style-loader |
|||
packages/*/packages/megalo |
|||
packages/*/packages/mp-vue |
|||
packages/*/packages/mpvue |
|||
packages/*/packages/mpvue-page-factory |
|||
packages/*/packages/mpvue-template-compiler |
|||
packages/*/packages/postcss-normalize-whitespace |
|||
packages/*/packages/uni-app |
|||
packages/*/packages/uni-push |
|||
packages/*/packages/uni-stat |
|||
packages/*/packages/uni-cloud |
|||
packages/*/packages/vue-loader |
|||
packages/*/packages/vue-template-compiler |
|||
packages/*/packages/webpack-preprocess-loader/preprocess |
|||
packages/*/packages/sass-loader |
|||
packages/*/packages/vuex |
|||
packages/*/packages/vuex3 |
|||
packages/*/template/**/* |
|||
packages/uni-h5/src |
|||
packages/uni-stat |
|||
node_modules |
|||
automator.js |
|||
uni.automator.js |
|||
uni-polyfill.js |
|||
packages/uni-cli-shared/components/ad-fullscreen-video.vue |
|||
packages/uni-cli-shared/components/ad-interactive.vue |
|||
packages/uni-cli-shared/components/ad-interstitial.vue |
|||
packages/uni-cli-shared/components/ad-rewarded-video.vue |
|||
packages/uni-cli-shared/lib/uni_modules/uni_modules.js |
|||
packages/uni-cli-shared/lib/uts/uts.js |
|||
@ -1,11 +0,0 @@ |
|||
node_modules/ |
|||
.project |
|||
unpackage/ |
|||
.vscode/ |
|||
.idea |
|||
.DS_Store |
|||
!packages/uni-app-plus/dist |
|||
package-lock.json |
|||
!packages/vue-cli-plugin-uni/packages/**/* |
|||
tests/package.json |
|||
*.DS_Store |
|||
@ -0,0 +1,56 @@ |
|||
<script> |
|||
import initApp from '@/common/appInit.js'; |
|||
import openApp from '@/common/openApp.js'; |
|||
// #ifdef H5 |
|||
openApp() //创建在h5端全局悬浮引导用户下载app的功能 |
|||
// #endif |
|||
import checkIsAgree from '@/pages/uni-agree/utils/uni-agree.js'; |
|||
import uniIdPageInit from '@/uni_modules/uni-id-pages/init.js'; |
|||
export default { |
|||
globalData: { |
|||
searchText: '', |
|||
appVersion: {}, |
|||
config: {}, |
|||
$i18n: {}, |
|||
$t: {} |
|||
}, |
|||
onLaunch: function() { |
|||
console.log('App Launch') |
|||
this.globalData.$i18n = this.$i18n |
|||
this.globalData.$t = str => this.$t(str) |
|||
initApp(); |
|||
uniIdPageInit() |
|||
|
|||
// #ifdef APP-PLUS |
|||
//checkIsAgree(); APP端暂时先用原生默认生成的。目前，自定义方式启动vue界面时，原生层已经请求了部分权限这并不符合国家的法规 |
|||
// #endif |
|||
|
|||
// #ifdef H5 |
|||
// checkIsAgree(); // 默认不开启。目前全球，仅欧盟国家有网页端同意隐私权限的需要。如果需要可以自己去掉注视后生效 |
|||
// #endif |
|||
|
|||
// #ifdef APP-PLUS |
|||
//idfa有需要的用户在应用首次启动时自己获取存储到storage中 |
|||
/*var idfa = ''; |
|||
var manager = plus.ios.invoke('ASIdentifierManager', 'sharedManager'); |
|||
if(plus.ios.invoke(manager, 'isAdvertisingTrackingEnabled')){ |
|||
var identifier = plus.ios.invoke(manager, 'advertisingIdentifier'); |
|||
idfa = plus.ios.invoke(identifier, 'UUIDString'); |
|||
plus.ios.deleteObject(identifier); |
|||
} |
|||
plus.ios.deleteObject(manager); |
|||
console.log('idfa = '+idfa);*/ |
|||
// #endif |
|||
}, |
|||
onShow: function() { |
|||
console.log('App Show') |
|||
}, |
|||
onHide: function() { |
|||
console.log('App Hide') |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
/*每个页面公共css */ |
|||
</style> |
|||
@ -1,89 +1,3 @@ |
|||
# uni-app |
|||
|
|||
<p> |
|||
简体中文 | <a href="https://github.com/dcloudio/uni-app/blob/dev/README_en-US.md">English</a> |
|||
</p> |
|||
|
|||
`uni-app` 是一个使用 `Vue.js` 开发小程序、H5、App的统一前端框架。官网地址：[https://uniapp.dcloud.io](https://uniapp.dcloud.io) |
|||
|
|||
开发者使用 `Vue` 语法编写代码，`uni-app` 框架将其编译到 小程序（微信/支付宝/百度/字节跳动/QQ/快手/钉钉/小红书）、App（iOS/Android）、H5等多个平台，保证其正确运行并达到优秀体验。 |
|||
|
|||
|
|||
# uni-app的特点 |
|||
|
|||
- 开发者和案例更多：HBuilder装机量800万台，开发者社区月活百万，70多个QQ微信群承载10万人。案例众多，uni统计月活超10亿（[详见](https://uniapp.dcloud.io/case)） |
|||
- 性能更高（见[评测](https://juejin.im/post/5ca1736af265da30ae314248)） |
|||
- 更丰富的周边生态，[插件市场](https://ext.dcloud.net.cn/)数千款插件 |
|||
- 提供比小程序原生开发更好的开发体验、更高的工程化效率 |
|||
- 跨端抹平度更完善，且各端特色发挥更灵活，可真正实现一套代码多端覆盖，无需各端多头维护升级 |
|||
- 权威认可：阿里小程序官方工具内置uni-app（[详见](https://docs.alipay.com/mini/ide/0.70-stable)）、腾讯课堂官方自制uni-app培训视频（[详见](https://ask.dcloud.net.cn/article/35640)） |
|||
|
|||
## 扫码体验 |
|||
|
|||
开发一次，编译到14个平台。依次扫描14个二维码，亲自体验最全面的跨平台效果！ |
|||
|
|||
<div align="center"> |
|||
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a90b5f95-90ba-4d30-a6a7-cd4d057327db/cf5727bc-fbe6-4d7e-bd92-e0d16e6f53b0.jpg"/> |
|||
</div> |
|||
|
|||
*注： 某些平台不能提交简单demo，补充了一些其他功能。* |
|||
|
|||
## 快速开始 |
|||
|
|||
`uni-app`支持通过`vue-cli`命令行、`HBuilderX`可视化界面两种方式快速创建项目： |
|||
|
|||
- [vue-cli命令行方式](https://uniapp.dcloud.io/quickstart?id=_2-通过vue-cli命令行)：不限IDE，适合对node熟悉的开发者，扩展阅读：[在vscode中开发uni-app](https://ask.dcloud.net.cn/article/36286)、[在 WebStorm 中开发 uni-app](https://ask.dcloud.net.cn/article/36307) |
|||
- [HBuilderX可视化界面](https://uniapp.dcloud.io/quickstart?id=_1-通过-hbuilderx-可视化界面)：专用IDE，内置相关环境，开箱即用，开发效率更高。 |
|||
|
|||
## 项目案例 |
|||
|
|||
案例展示：[uniapp.dcloud.io/case](https://uniapp.dcloud.io/case) |
|||
|
|||
欢迎提交你的应用，[uni-app案例征集](https://github.com/dcloudio/uni-app/issues/6) |
|||
|
|||
## 需求墙 |
|||
|
|||
`uni-app`计划支持的功能点，会在需求墙上进行展示，征集开发者的投票意见，[前往投票](https://dev.dcloud.net.cn/wish/)。 |
|||
|
|||
## 更新日志 |
|||
|
|||
`uni-app`一直保持高频的更新迭代，详见[正式版更新日志](https://uniapp.dcloud.net.cn/release)、[Alpha版更新日志](https://uniapp.dcloud.net.cn/release-note-alpha)。 |
|||
|
|||
## 论坛 |
|||
|
|||
由于`DCloud`有70多个QQ、微信群，官方已无法维护更多交流群。请开发者到官方论坛交流：[https://ask.dcloud.net.cn/explore/](https://ask.dcloud.net.cn/explore/) 。论坛提供了比issues更专业的工具服务。 |
|||
|
|||
## 插件市场 |
|||
|
|||
`uni-app`有丰富的插件生态，众多开发者提交了数千款组件、sdk、项目模板，详见：[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) |
|||
|
|||
除了众多三方ui库，官方还提供了uni-ui，在性能和跨端兼容方面有更强的优势。详见：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55) |
|||
|
|||
## 现有项目如何迁移到uni-app体系 |
|||
|
|||
- 微信小程序转换uni-app指南及转换器：[https://ask.dcloud.net.cn/article/35786](https://ask.dcloud.net.cn/article/35786) |
|||
- vue h5项目转换uni-app指南：[https://ask.dcloud.net.cn/article/36174](https://ask.dcloud.net.cn/article/36174) |
|||
- mpvue 项目（组件）迁移指南、示例及资源汇总： [https://ask.dcloud.net.cn/article/34945](https://ask.dcloud.net.cn/article/34945) |
|||
- wepy转uni-app转换器：[https://github.com/zhangdaren/wepy-to-uniapp](https://github.com/zhangdaren/wepy-to-uniapp) |
|||
|
|||
## 常见疑问 |
|||
|
|||
- 问：不同端有不同的需求、不同的特色，登录支付也不一样，如何统一？ |
|||
- 答：差异部分使用条件编译。uni-app提供了灵活强大的[条件编译](https://uniapp.dcloud.io/platform)。可以完美处理复用部分和差异部分。真正一套工程源码。当业务升级时，不再需要多端维护。如果多端维护，经常会因为某些端的流量不大，就一直拖延无法让那些用户享受到最新服务。另外登录支付在客户端部分，已经被uni-app统一成一样的api了。 |
|||
|
|||
|
|||
- 问：多端是不是一种妥协，是否会造成性能下降？ |
|||
- 答：good question。多端且不影响性能，确实很难，但uni-app做到了。在h5端，它的性能、包体积与直接使用vue.js开发一致； 在小程序端，它的性能比大多数开发框架更好，uni-app底层自动处理的setdata差量同步机制，比开发者手动写setdata更好，就像使用vue.js更新界面比手动写js修改dom更高效一样； 在App，uni-app支持webview渲染和原生渲染双引擎，启用原生渲染时，css写法受限，但性能是很接近原生开发的效果的，在当前的手机环境下，千万日活以下的应用在App使用uni-app也不会遇到任何压力。当然也可以在已经做好的原生App中将部分页面改为uni-app实现; 此外，我们会把很多跨端处理放在编译期完成的，这样会减少对运行期的效率影响。 |
|||
|
|||
|
|||
- 问：不做多端，是不是不需要uni-app？ |
|||
- 答：不是。大量开发者用uni-app只做一个端，详见[案例](https://uniapp.dcloud.io/case)。对于开发者而言，一个优秀工具在手，做什么都不愁。 |
|||
|
|||
- 问：uni-app以后会不会变更开源协议，转向收费？ |
|||
- 答：官方承诺永远不会变更开源协议。无论HBuilderX、uni-app、App，面向中国人永久免费。 |
|||
|
|||
## 更多资料 |
|||
|
|||
- 评测：[跨端开发框架深度横评之2020版](https://juejin.im/post/5e8e8d5a6fb9a03c6d3d9f42) |
|||
- 评测：[深入测试一周，主流多端框架大比武](https://mp.weixin.qq.com/s/jIDEHfuMnED6HTfNgjsW4w) |
|||
- [uni-app在App端和flutter、react native的比较](https://ask.dcloud.net.cn/article/36083) |
|||
<h2> |
|||
文档已移至 <a href="https://uniapp.dcloud.io/uniCloud/uni-starter.html" target="_blank">uni-starter文档</a> |
|||
</h2> |
|||
@ -1,86 +0,0 @@ |
|||
# uni-app |
|||
|
|||
<p> |
|||
<a href="https://github.com/dcloudio/uni-app/blob/dev/README.md">简体中文</a> | English |
|||
</p> |
|||
|
|||
`uni-app` is a unified front-end framework that uses `Vue.js` to develop applet, H5, and App. Official website address: [https://uniapp.dcloud.io](https://uniapp.dcloud.io) |
|||
|
|||
Developers use `Vue` syntax to write code, and `uni-app` framework compiles it into small programs (WeChat/Alipay/Baidu/ByteDance/QQ/Kuishou/Dingding/Xiaohongshu), App (iOS/Android) ), H5 and other platforms to ensure its correct operation and achieve an excellent experience. |
|||
|
|||
# Features of uni-app |
|||
|
|||
- More developers and cases: HBuilder has installed 8 million units, the developer community has one million monthly active users, and more than 70 QQ and WeChat groups carry 100,000 people. There are many cases, and the uni statistics exceed 1 billion monthly active users ([see details](https://uniapp.dcloud.io/case)) |
|||
- Higher performance (see [Review](https://juejin.im/post/5ca1736af265da30ae314248)) |
|||
- Richer surrounding ecology, [Plugin Market](https://ext.dcloud.net.cn/) thousands of plugins |
|||
- Provide a better development experience and higher engineering efficiency than the native development of small programs |
|||
- The smoothness across the ends is more complete, and the characteristics of each end are more flexible, which can truly achieve multi-end coverage of a set of codes, without the need for multi-end maintenance and upgrades at each end |
|||
- Authoritative recognition: Alipay's official tool has built-in uni-app ([see details](https://docs.alipay.com/mini/ide/0.70-stable)), Tencent Classroom's official self-made uni-app training video ([ For details, see](https://ask.dcloud.net.cn/article/35640)) |
|||
|
|||
## Scan code experience |
|||
|
|||
Develop once, compile to 3 platforms. Scan 3 QR codes in sequence to experience the most comprehensive cross-platform effect for yourself! |
|||
|
|||
<div align="center"> |
|||
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/3cca21df-a9af-48f8-b808-0b795acb2580.jpg"/> |
|||
</div> |
|||
|
|||
## quick start |
|||
|
|||
`uni-app` supports two ways to quickly create projects through the `vue-cli` command line and the `HBuilderX` visual interface: |
|||
|
|||
- [vue-cli command line mode](https://uniapp.dcloud.io/quickstart?id=_2-%E9%80%9A%E8%BF%87vue-cli%E5%91%BD%E4%BB%A4%E8%A1%8C): not limited to IDE, suitable for developers familiar with node, extended reading: [Developing uni-app in vscode](https://ask.dcloud.net.cn/article/36286 ), [Developing uni-app in WebStorm](https://ask.dcloud.net.cn/article/36307) |
|||
- [HBuilderX visual interface](https://uniapp.dcloud.io/quickstart?id=_1-%E9%80%9A%E8%BF%87-hbuilderx-%E5%8F%AF%E8%A7%86%E5%8C%96%E7%95%8C%E9%9D%A2): dedicated IDE, built-in related environment, out-of-the-box, and higher development efficiency. |
|||
|
|||
## Project cases |
|||
|
|||
Case show: [uniapp.dcloud.io/case](https://uniapp.dcloud.io/case) |
|||
|
|||
Welcome to submit your application, [uni-app case collection](https://github.com/dcloudio/uni-app/issues/6) |
|||
|
|||
## Demand Wall |
|||
|
|||
The function points supported by the `uni-app` plan will be displayed on the demand wall, and the voting opinions of developers will be collected. [Go to Vote](https://dev.dcloud.net.cn/wish/). |
|||
|
|||
## Changelog |
|||
|
|||
`uni-app` has always maintained high-frequency update iterations. For details, see [Official version update log](https://uniapp.dcloud.net.cn/release), [Alpha version update log](https://uniapp. dcloud.net.cn/release-note-alpha). |
|||
|
|||
## Forum |
|||
|
|||
Since `DCloud` has more than 70 QQ and WeChat groups, the official has been unable to maintain more communication groups. Please go to the official forum to communicate: [https://ask.dcloud.net.cn/explore/](https://ask.dcloud.net.cn/explore/). Forums provide more professional tools and services than issues. |
|||
|
|||
## Plugin Market |
|||
|
|||
`uni-app` has a rich plugin ecosystem. Many developers have submitted thousands of components, sdk, and project templates. For details, see: [https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) |
|||
|
|||
In addition to many third-party ui libraries, the official also provides uni-ui, which has stronger advantages in performance and cross-end compatibility. For details, see: [https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55) |
|||
|
|||
## How to migrate existing projects to uni-app system |
|||
|
|||
- WeChat applet conversion uni-app guide and converter: [https://ask.dcloud.net.cn/article/35786](https://ask.dcloud.net.cn/article/35786) |
|||
- Vue h5 project conversion uni-app guide: [https://ask.dcloud.net.cn/article/36174](https://ask.dcloud.net.cn/article/36174) |
|||
- mpvue project (component) migration guide, example and resource summary: [https://ask.dcloud.net.cn/article/34945](https://ask.dcloud.net.cn/article/34945) |
|||
- wepy to uni-app converter: [https://github.com/zhangdaren/wepy-to-uniapp](https://github.com/zhangdaren/wepy-to-uniapp) |
|||
|
|||
## Frequently Asked Questions |
|||
|
|||
- Q: Different terminals have different needs and features, and login and payment are also different. How to unify? |
|||
- A: The difference part uses conditional compilation. uni-app provides flexible and powerful [conditional compilation](https://uniapp.dcloud.io/platform). Can perfectly handle the multiplexed part and the difference part. A real set of project source code. When the business is upgraded, multi-terminal maintenance is no longer required. If there is multi-end maintenance, it is often delayed because the traffic on some ends is not large, so that those users cannot enjoy the latest services. In addition, the login payment in the client part has been unified into the same api by uni-app. |
|||
|
|||
|
|||
- Q: Is multi-terminal a compromise and will it cause performance degradation? |
|||
- A: good question. It's really hard to be multi-terminal without compromising performance, but uni-app does it. On the h5 side, its performance and package size are consistent with those developed directly using vue.js; on the applet side, its performance is better than most development frameworks. It is better for the user to manually write setdata, just as it is more efficient to use vue.js to update the interface than to manually write js to modify the dom; in App, uni-app supports dual engines for webview rendering and native rendering. When native rendering is enabled, css writing is limited, However, the performance is very close to the effect of native development. In the current mobile phone environment, applications with less than ten million daily activities will not encounter any pressure when using uni-app in the App. Of course, it is also possible to change some pages to uni-app in the native app that has already been done; in addition, we will complete a lot of cross-end processing at the compile time, which will reduce the efficiency impact on the runtime. |
|||
|
|||
|
|||
- Q: Do you not need uni-app if you don't do multi-end? |
|||
- A: No. A large number of developers use uni-app as only one end, see [Case](https://uniapp.dcloud.io/case) for details. For developers, with an excellent tool in hand, there is nothing to worry about. |
|||
|
|||
- Q: Will uni-app change the open source protocol and switch to charging in the future? |
|||
- A: The official promise will never change the open source agreement. Regardless of HBuilderX, uni-app, or App, it is always free for Chinese people. |
|||
|
|||
## more info |
|||
|
|||
- Evaluation: [Cross-end Development Framework Deep Heng Evaluation 2020 Edition](https://juejin.im/post/5e8e8d5a6fb9a03c6d3d9f42) |
|||
- Evaluation: [In-depth testing for a week, mainstream multi-terminal frameworks compete](https://mp.weixin.qq.com/s/jIDEHfuMnED6HTfNgjsW4w) |
|||
- [Comparison of uni-app on the App side with flutter and react native](https://ask.dcloud.net.cn/article/36083) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"prompt" : "template" |
|||
} |
|||
@ -1,17 +0,0 @@ |
|||
const config = { |
|||
// ignore: [
|
|||
// "./packages",
|
|||
// ],
|
|||
presets: [ |
|||
["@vue/cli-plugin-babel/preset", { |
|||
useBuiltIns: "entry" |
|||
}] |
|||
], |
|||
plugins: [require('./lib/babel-plugin-uni-api/index.js')] |
|||
} |
|||
|
|||
if (process.env.NODE_ENV === 'test') { |
|||
delete config.ignore |
|||
} |
|||
|
|||
module.exports = config |
|||
@ -1,93 +0,0 @@ |
|||
const { |
|||
error |
|||
} = require('@vue/cli-shared-utils') |
|||
|
|||
const Service = require('@vue/cli-service') |
|||
|
|||
const del = require('del') |
|||
const copy = require('copy') |
|||
const path = require('path') |
|||
const jsonfile = require('jsonfile') |
|||
|
|||
const { |
|||
generateApiManifest |
|||
} = require('./manifest') |
|||
|
|||
const fixInnerHTML = require('./fixInnerHTML') |
|||
|
|||
const service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd(), { |
|||
inlineOptions: require('./vue.config.js') |
|||
}) |
|||
// 删除 cache 目录
|
|||
del.sync(['node_modules/.cache']) |
|||
|
|||
let name = 'index' |
|||
let filename = '' |
|||
let entry = './lib/' + process.env.UNI_PLATFORM + '/main.js' |
|||
|
|||
if (process.env.UNI_PLATFORM === 'h5' && process.env.UNI_UI === 'true') { |
|||
entry = './lib/' + process.env.UNI_PLATFORM + '/ui.js' |
|||
} |
|||
|
|||
if (process.env.UNI_PLATFORM === 'app-plus' && process.env.UNI_VIEW === 'true') { |
|||
name = 'uni' |
|||
filename = 'view' |
|||
entry = './lib/' + process.env.UNI_PLATFORM + '/view.js' |
|||
} |
|||
service.run('build', { |
|||
name, |
|||
filename, |
|||
watch: process.env.UNI_WATCH === 'true', |
|||
target: 'lib', |
|||
formats: process.env.UNI_WATCH === 'true' ? 'umd' : 'umd-min', |
|||
entry, |
|||
'inline-vue': !!process.env.UNI_VIEW, |
|||
clean: false, //! process.env.UNI_VIEW,
|
|||
mode: process.env.NODE_ENV |
|||
}).then(function () { |
|||
if ( |
|||
process.env.UNI_WATCH !== 'true' && |
|||
process.env.UNI_UI !== 'true' && |
|||
process.env.UNI_VIEW !== 'true' |
|||
) { |
|||
generateApiManifest( |
|||
JSON.parse(JSON.stringify(process.UNI_SERVICE_API_MANIFEST)), |
|||
JSON.parse(JSON.stringify(process.UNI_SERVICE_API_PROTOCOL)) |
|||
) |
|||
} |
|||
if (process.env.UNI_PLATFORM === 'app-plus' && process.env.UNI_VIEW === 'true' && process.env.UNI_WATCH !== 'true') { |
|||
fixInnerHTML() |
|||
} |
|||
}).catch(err => { |
|||
error(err) |
|||
process.exit(1) |
|||
}) |
|||
|
|||
if (process.env.UNI_PLATFORM === 'h5' && process.env.UNI_WATCH === 'false') { |
|||
const packagePath = path.join(__dirname, `../packages/uni-${process.env.UNI_PLATFORM}`) |
|||
const packageJsonPath = path.join(packagePath, 'package.json') |
|||
del(path.join(packagePath, '{lib,src}')) |
|||
.then(() => { |
|||
copy([path.join(__dirname, '../{lib,src}/**/*')], packagePath, function (err, file) { |
|||
if (err) { |
|||
throw err |
|||
} |
|||
}) |
|||
}) |
|||
jsonfile.readFile(path.join(__dirname, '../package.json')) |
|||
.then(origin => { |
|||
return jsonfile.readFile(packageJsonPath) |
|||
.then(obj => { |
|||
obj.dependencies = origin.dependencies |
|||
return obj |
|||
}) |
|||
}) |
|||
.then(obj => { |
|||
return jsonfile.writeFile(packageJsonPath, obj, { |
|||
spaces: 2 |
|||
}) |
|||
}) |
|||
.catch(err => { |
|||
throw err |
|||
}) |
|||
} |
|||
@ -1,85 +0,0 @@ |
|||
const path = require('path') |
|||
const del = require('del') |
|||
|
|||
const { |
|||
error |
|||
} = require('@vue/cli-shared-utils') |
|||
|
|||
const Service = require('@vue/cli-service') |
|||
|
|||
const vueConfig = require('./vue.config.js') |
|||
|
|||
const extendsApiPath = path.resolve(__dirname, '../lib/h5/extends-api') |
|||
|
|||
vueConfig.configureWebpack.resolve.alias['uni-invoke-api'] = extendsApiPath |
|||
|
|||
const service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd(), { |
|||
inlineOptions: vueConfig |
|||
}) |
|||
// 删除 cache 目录
|
|||
del.sync(['node_modules/.cache']) |
|||
|
|||
let pluginDir = process.argv[2] |
|||
if (!pluginDir) { |
|||
console.error('缺少参数') |
|||
process.exit(0) |
|||
} |
|||
|
|||
if (pluginDir.indexOf('/') === -1) { |
|||
pluginDir = path.resolve(__dirname, '../packages/uni-' + pluginDir) |
|||
} |
|||
|
|||
const pkg = require(path.join(pluginDir, 'package.json')) |
|||
if (!pkg['uni-app']) { |
|||
console.error('缺少 uni-app 配置') |
|||
process.exit(0) |
|||
} |
|||
|
|||
service.webpackRawConfigFns.push(function () { |
|||
return { |
|||
resolve: { |
|||
alias: { |
|||
'uni-platform/service/api.js': extendsApiPath, |
|||
'uni-sub-platform': path.resolve(pluginDir, 'src'), |
|||
'uni-platform-api': path.resolve(__dirname, '../src/platforms/h5/service/api'), |
|||
'uni-sub-platform-api': path.resolve(pluginDir, 'src/service/api') |
|||
} |
|||
}, |
|||
module: { |
|||
rules: [{ |
|||
test: path.resolve(__dirname, '../src/core/view/components/index.js'), |
|||
use: [{ |
|||
loader: path.resolve(__dirname, '../lib/extends-component-loader'), |
|||
options: { |
|||
extends: path.resolve(pluginDir, 'src/view/components'), |
|||
base: path.resolve(__dirname, '../src/core/view/components'), |
|||
platform: path.resolve(__dirname, '../src/platforms/h5/view/components') |
|||
} |
|||
}] |
|||
}, { |
|||
test: path.resolve(__dirname, '../src/platforms/h5/service/api/index.js'), |
|||
use: [{ |
|||
loader: path.resolve(__dirname, '../lib/extends-api-loader'), |
|||
options: { |
|||
extends: path.resolve(pluginDir, 'src/service/api'), |
|||
base: path.resolve(__dirname, '../src/platforms/h5/service/api') |
|||
} |
|||
}] |
|||
}] |
|||
} |
|||
} |
|||
}) |
|||
|
|||
service.run('build', { |
|||
name: 'index', |
|||
watch: process.env.UNI_WATCH === 'true', |
|||
target: 'lib', |
|||
formats: process.env.UNI_WATCH === 'true' ? 'umd' : 'umd-min', |
|||
entry: './lib/h5/main.js', |
|||
dest: path.join(pluginDir, 'dist'), |
|||
clean: true, |
|||
mode: process.env.NODE_ENV |
|||
}).then(function () {}).catch(err => { |
|||
error(err) |
|||
process.exit(1) |
|||
}) |
|||
@ -1,77 +0,0 @@ |
|||
const fs = require('fs') |
|||
const del = require('del') |
|||
const path = require('path') |
|||
const copy = require('copy') |
|||
const rollup = require('rollup') |
|||
|
|||
const genConfig = require('./rollup.config.qa') |
|||
|
|||
const filename = 'vue.' + (process.env.NODE_ENV === 'production' ? 'prod' : 'dev') + '.js' |
|||
|
|||
async function build () { |
|||
const bridgeBundle = await rollup.rollup(genConfig('bridge')) |
|||
const { |
|||
output: bridgeOutput |
|||
} = await bridgeBundle.generate({ |
|||
format: 'iife' |
|||
}) |
|||
const bridgeCode = bridgeOutput[0].code |
|||
const appBundle = await rollup.rollup(genConfig('app')) |
|||
const { |
|||
output: appOutput |
|||
} = await appBundle.generate({ |
|||
format: 'iife', |
|||
banner: ` |
|||
dsl.onInitApp(function({ |
|||
inst, |
|||
context, |
|||
instRequireModule |
|||
}) { |
|||
if(!context.quickapp.dock.makeEvaluateBuildScript){ |
|||
context.quickapp.dock.makeEvaluateBuildScript = args => args |
|||
} |
|||
const $app_require$ = instRequireModule; |
|||
`,
|
|||
footer: ` |
|||
});` |
|||
}) |
|||
const appCode = appOutput[0].code |
|||
const pageBundle = await rollup.rollup(genConfig('page')) |
|||
const { |
|||
output: pageOutput |
|||
} = await pageBundle.generate({ |
|||
format: 'iife', |
|||
banner: ` |
|||
dsl.onInitPage(function({ |
|||
$app_require$, |
|||
Vue |
|||
}) { |
|||
`,
|
|||
footer: ` |
|||
});` |
|||
}) |
|||
const pageCode = pageOutput[0].code |
|||
const vueCode = fs.readFileSync(path.resolve(__dirname, '../packages/uni-quickapp-native/assets/' + filename)) |
|||
|
|||
fs.writeFileSync( |
|||
path.resolve(__dirname, '../packages/uni-quickapp-native/dist/' + filename), |
|||
vueCode + bridgeCode + appCode + pageCode, { |
|||
encoding: 'utf8' |
|||
} |
|||
) |
|||
|
|||
if (process.env.NODE_ENV === 'production') { // 命令会执行dev,prod两次,仅prod时执行copy
|
|||
const componentsSrc = path.resolve(__dirname, '../src/platforms/quickapp-native/view/components/**/*') |
|||
const componentsDest = path.resolve(__dirname, '../packages/uni-quickapp-native/components') |
|||
|
|||
del.sync([componentsDest]) |
|||
|
|||
copy(componentsSrc, componentsDest, function (err, file) { |
|||
if (err) { |
|||
throw err |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
build() |
|||
@ -1,18 +0,0 @@ |
|||
const path = require('path') |
|||
const fs = require('fs') |
|||
|
|||
module.exports = function () { |
|||
const files = [ |
|||
path.join(__dirname, '../packages/uni-app-plus/dist/view.umd.min.js'), |
|||
path.join(__dirname, '../packages/uni-app-plus/template/v3/__uniappquill.js'), |
|||
path.join(__dirname, '../packages/uni-app-plus/template/v3/__uniappquillimageresize.js') |
|||
] |
|||
files.forEach(filePath => { |
|||
const fileContent = fs.readFileSync(filePath, { |
|||
encoding: 'utf8' |
|||
}) |
|||
fs.writeFileSync(filePath, fileContent.replace(/\.innerHTML\b/g, '["inner"+"HTML"]'), { |
|||
encoding: 'utf8' |
|||
}) |
|||
}) |
|||
} |
|||
@ -1,167 +0,0 @@ |
|||
const fs = require('fs') |
|||
const path = require('path') |
|||
|
|||
const apis = require('../lib/apis') |
|||
|
|||
const AUTO_LOADS = [ |
|||
'upx2px', |
|||
'canIUse', |
|||
|
|||
'getSystemInfo', |
|||
'getSystemInfoSync', |
|||
|
|||
'navigateTo', |
|||
'redirectTo', |
|||
'switchTab', |
|||
'reLaunch', |
|||
'navigateBack' |
|||
] |
|||
|
|||
const TOAST_DEPS = [ |
|||
['/platforms/h5/components/app/popup/toast.vue', 'Toast'], |
|||
['/platforms/h5/components/app/popup/mixins/toast.js', 'ToastMixin'] |
|||
] |
|||
|
|||
// TODO 暂不考虑 head,tabBar 的动态拆分
|
|||
const DEPS = { |
|||
chooseLocation: [ |
|||
['/platforms/h5/view/components/map/index.vue', 'Map'], |
|||
['/core/view/components/input/index.vue', 'Input'], |
|||
['/core/view/components/scroll-view/index.vue', 'ScrollView'], |
|||
['/platforms/h5/service/api/network/request.js', 'request'], |
|||
['/platforms/h5/service/api/location/get-location.js', 'getLocation'], |
|||
['/platforms/h5/components/system-routes/choose-location/index.vue', 'ChooseLocation'] |
|||
], |
|||
openLocation: [ |
|||
['/platforms/h5/view/components/map/index.vue', 'Map'], |
|||
['/platforms/h5/service/api/network/request.js', 'request'], |
|||
['/platforms/h5/service/api/location/get-location.js', 'getLocation'], |
|||
['/platforms/h5/components/system-routes/open-location/index.vue', 'OpenLocation'] |
|||
], |
|||
getLocation: [ |
|||
['/platforms/h5/service/api/network/request.js', 'request'] |
|||
], |
|||
previewImage: [ |
|||
['/core/view/components/swiper/index.vue', 'Swiper'], |
|||
['/core/view/components/swiper-item/index.vue', 'SwiperItem'], |
|||
['/core/view/components/movable-area/index.vue', 'MovableArea'], |
|||
['/core/view/components/movable-view/index.vue', 'MovableView'], |
|||
[ |
|||
'/platforms/h5/components/app/popup/preview-image/index.vue', |
|||
'PreviewImage' |
|||
], |
|||
[ |
|||
'/platforms/h5/components/app/popup/mixins/preview-image.js', |
|||
'PreviewImageMixin' |
|||
] |
|||
], |
|||
showToast: TOAST_DEPS, |
|||
hideToast: TOAST_DEPS, |
|||
showLoading: TOAST_DEPS, |
|||
hideLoading: TOAST_DEPS, |
|||
showModal: [ |
|||
['/platforms/h5/components/app/popup/modal.vue', 'Modal'], |
|||
['/platforms/h5/components/app/popup/mixins/modal.js', 'ModalMixin'] |
|||
], |
|||
showActionSheet: [ |
|||
['/platforms/h5/components/app/popup/actionSheet.vue', 'ActionSheet'], |
|||
['/platforms/h5/components/app/popup/mixins/action-sheet.js', 'ActionSheetMixin'] |
|||
], |
|||
createSelectorQuery: [ |
|||
['/core/view/bridge/subscribe/api/request-component-info.js', 'requestComponentInfo'] |
|||
], |
|||
createIntersectionObserver: [ |
|||
['/core/view/bridge/subscribe/api/request-component-observer.js', 'requestComponentObserver'], |
|||
['/core/view/bridge/subscribe/api/request-component-observer.js', 'destroyComponentObserver'] |
|||
], |
|||
createMediaQueryObserver: [ |
|||
['/core/view/bridge/subscribe/api/request-media-query-observer.js', 'requestMediaQueryObserver'], |
|||
['/core/view/bridge/subscribe/api/request-media-query-observer.js', 'destroyMediaQueryObserver'] |
|||
] |
|||
} |
|||
|
|||
// 检查依赖文件是否存在
|
|||
Object.keys(DEPS).reduce(function (depFiles, name) { |
|||
DEPS[name].forEach(function (dep) { |
|||
depFiles.add(dep[0]) |
|||
}) |
|||
return depFiles |
|||
}, new Set()).forEach(file => { |
|||
if (!fs.existsSync(path.join(__dirname, '../src', file))) { |
|||
console.error(file + ' 不存在') |
|||
process.exit(0) |
|||
} |
|||
}) |
|||
|
|||
function parseApiManifestDeps (manifest, protocol) { |
|||
// 解析 platform 依赖
|
|||
Object.keys(manifest).forEach(name => { |
|||
const deps = manifest[name][1] |
|||
if (deps.length) { |
|||
deps.forEach(dep => { |
|||
if (manifest[dep[1]]) { |
|||
dep[0] = manifest[dep[1]][0] |
|||
} else { |
|||
console.error(`依赖模块[${dep[1]}]不存在,删除 ${name} 接口\n`) |
|||
delete manifest[name] |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
// 解析 protocol 依赖
|
|||
Object.keys(manifest).forEach(name => { |
|||
const deps = manifest[name][1] |
|||
if (protocol[name]) { |
|||
deps.push([protocol[name], name]) |
|||
} else { |
|||
console.warn(`${name} 缺少 protocol`) |
|||
} |
|||
}) |
|||
// 追加默认依赖
|
|||
Object.keys(DEPS).forEach(name => { |
|||
if (manifest[name]) { |
|||
manifest[name][1].push(...DEPS[name]) |
|||
} else { |
|||
console.error(`缺少 ${name}`) |
|||
} |
|||
}) |
|||
// 设置自动加载标记
|
|||
AUTO_LOADS.forEach(name => { |
|||
if (manifest[name]) { |
|||
manifest[name][2] = true |
|||
} else { |
|||
console.error(`缺少 ${name}`) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
module.exports = { |
|||
generateApiManifest (manifest, protocol) { |
|||
if (!Object.keys(manifest).length) { |
|||
throw new Error('api manifest.json 生成失败') |
|||
} |
|||
parseApiManifestDeps(manifest, protocol) |
|||
|
|||
const manifestJson = Object.create(null) |
|||
const todoApis = [] |
|||
apis.forEach(name => { |
|||
if (manifest[name]) { |
|||
manifestJson[name] = manifest[name] |
|||
} else { |
|||
todoApis.push(name) |
|||
} |
|||
}) |
|||
|
|||
if (todoApis.length) { |
|||
console.log('\n') |
|||
console.warn(`${process.env.UNI_PLATFORM} 平台缺少以下 API 实现(共 ${todoApis.length} 个)`) |
|||
todoApis.forEach(name => { |
|||
console.warn(name) |
|||
}) |
|||
} |
|||
|
|||
fs.writeFileSync(path.resolve(__dirname, '../packages/uni-' + process.env.UNI_PLATFORM + '/manifest.json'), |
|||
JSON.stringify(manifestJson, null, 4) |
|||
) |
|||
} |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
const mediaQuerys = [] |
|||
|
|||
module.exports = { |
|||
splitMediaPlugin: function (root, result) { |
|||
root.walkAtRules(rule => { |
|||
if (rule.params.indexOf('prefers-color-scheme') !== -1) { |
|||
root.removeChild(rule) |
|||
|
|||
mediaQuerys.push(rule) |
|||
} |
|||
}) |
|||
}, |
|||
generateMediaQuerys: function ({ outputDir, filename = 'index.dark.css' }) { |
|||
if (mediaQuerys.length) { |
|||
const fs = require('fs') |
|||
const path = require('path') |
|||
const postcss = require('postcss') |
|||
const uglifycss = require('uglifycss') |
|||
|
|||
const mediaRoot = postcss.root() |
|||
mediaRoot.append(mediaQuerys.sort((a, b) => a.source.input.file > b.source.input.file ? 1 : -1)) |
|||
|
|||
fs.writeFileSync( |
|||
path.resolve(outputDir, filename), |
|||
uglifycss.processString(mediaRoot.toResult().css), |
|||
{ encoding: 'utf-8', flag: 'w+' } |
|||
) |
|||
} |
|||
} |
|||
} |
|||
@ -1,107 +0,0 @@ |
|||
const path = require('path') |
|||
const json = require('@rollup/plugin-json') |
|||
const alias = require('@rollup/plugin-alias') |
|||
const replace = require('@rollup/plugin-replace') |
|||
const nodeResolve = require('@rollup/plugin-node-resolve') |
|||
const commonjs = require('@rollup/plugin-commonjs') |
|||
const requireContext = require('../lib/rollup-plugin-require-context') |
|||
|
|||
let input = 'src/platforms/app-plus/service/framework/create-instance-context.js' |
|||
|
|||
const output = { |
|||
file: 'packages/uni-app-plus-nvue/dist/index.js', |
|||
format: 'es' |
|||
} |
|||
|
|||
const external = [] |
|||
|
|||
// if (process.env.UNI_PLATFORM === 'app-plus-nvue') {
|
|||
// external.push('vue')
|
|||
// output.globals = {
|
|||
// vue: 'Vue'
|
|||
// }
|
|||
// }
|
|||
|
|||
if (process.env.UNI_SERVICE === 'legacy') { |
|||
input = 'src/platforms/app-plus-nvue/services/index.legacy.js' |
|||
output.file = 'packages/uni-app-plus-nvue/dist/index.legacy.js' |
|||
} else { |
|||
input = 'src/platforms/app-plus/service/index.js' |
|||
if (process.env.UNI_PLATFORM === 'app-plus') { |
|||
output.file = 'packages/uni-app-plus/dist/index.v3.js' |
|||
} else { |
|||
output.file = 'packages/uni-app-plus-nvue/dist/index.js' |
|||
} |
|||
output.format = 'iife' |
|||
output.name = 'serviceContext' |
|||
output.banner = |
|||
`export function createServiceContext(Vue, weex, plus, UniServiceJSBridge,instanceContext){
|
|||
var setTimeout = instanceContext.setTimeout |
|||
var clearTimeout = instanceContext.clearTimeout |
|||
var setInterval = instanceContext.setInterval |
|||
var clearInterval = instanceContext.clearInterval |
|||
var __uniConfig = instanceContext.__uniConfig |
|||
var __uniRoutes = instanceContext.__uniRoutes |
|||
` |
|||
output.footer = |
|||
` |
|||
var uni = serviceContext.uni |
|||
var getApp = serviceContext.getApp |
|||
var getCurrentPages = serviceContext.getCurrentPages |
|||
|
|||
var __definePage = serviceContext.__definePage |
|||
var __registerPage = serviceContext.__registerPage |
|||
|
|||
|
|||
return serviceContext \n} |
|||
` |
|||
} |
|||
|
|||
const resolve = dir => path.resolve(__dirname, '../', dir) |
|||
|
|||
module.exports = { |
|||
input, |
|||
output, |
|||
plugins: [ |
|||
alias({ |
|||
entries: [{ |
|||
find: '@dcloudio', |
|||
replacement: resolve('packages') |
|||
}, { |
|||
find: 'uni-core', |
|||
replacement: resolve('src/core') |
|||
}, { |
|||
find: 'uni-platform', |
|||
replacement: resolve('src/platforms/' + process.env.UNI_PLATFORM) |
|||
}, { |
|||
find: 'uni-platforms', |
|||
replacement: resolve('src/platforms') |
|||
}, { |
|||
find: 'uni-shared', |
|||
replacement: resolve('src/shared/index.js') |
|||
}, { |
|||
find: 'uni-helpers', |
|||
replacement: resolve('src/core/helpers') |
|||
}, { |
|||
find: 'uni-invoke-api', |
|||
replacement: resolve('src/platforms/app-plus/service/api') |
|||
}, { |
|||
find: 'uni-service-api', |
|||
replacement: resolve('src/core/service/platform-api') |
|||
}, { |
|||
find: 'uni-api-protocol', |
|||
replacement: resolve('src/core/helpers/protocol') |
|||
}] |
|||
}), |
|||
json(), |
|||
nodeResolve(), |
|||
requireContext(), |
|||
commonjs(), |
|||
replace({ |
|||
__GLOBAL__: 'getGlobalUni()', |
|||
__PLATFORM__: JSON.stringify(process.env.UNI_PLATFORM), |
|||
__PLATFORM_TITLE__: 'app-plus-nvue' |
|||
}) |
|||
], |
|||
external |
|||
} |
|||
@ -1,106 +0,0 @@ |
|||
const path = require('path') |
|||
const json = require('@rollup/plugin-json') |
|||
const alias = require('@rollup/plugin-alias') |
|||
const replace = require('@rollup/plugin-replace') |
|||
|
|||
const PLATFORMS = { |
|||
'mp-weixin': { |
|||
prefix: 'wx', |
|||
title: '微信小程序' |
|||
}, |
|||
'mp-qq': { |
|||
prefix: 'wx', |
|||
title: 'QQ小程序' |
|||
}, |
|||
'mp-alipay': { |
|||
prefix: 'my', |
|||
title: '支付宝小程序' |
|||
}, |
|||
'mp-baidu': { |
|||
prefix: 'swan', |
|||
title: '百度小程序' |
|||
}, |
|||
'mp-toutiao': { |
|||
prefix: 'tt', |
|||
title: '头条小程序' |
|||
}, |
|||
'mp-kuaishou': { |
|||
prefix: 'ks', |
|||
title: '快手小程序' |
|||
}, |
|||
'mp-lark': { |
|||
prefix: 'tt', |
|||
title: '飞书小程序' |
|||
}, |
|||
'mp-jd': { |
|||
prefix: 'jd', |
|||
title: '京东小程序' |
|||
}, |
|||
'mp-xhs': { |
|||
prefix: 'xhs', |
|||
title: '小红书小程序' |
|||
}, |
|||
'quickapp-webview': { |
|||
prefix: 'qa', |
|||
title: '快应用(Webview)版' |
|||
}, |
|||
'app-plus': { |
|||
prefix: 'wx', |
|||
title: 'app-plus' |
|||
} |
|||
} |
|||
|
|||
const platform = PLATFORMS[process.env.UNI_PLATFORM] |
|||
|
|||
let input = 'src/core/runtime/index.js' |
|||
const output = { |
|||
file: `packages/uni-${process.env.UNI_PLATFORM}/dist/index.js`, |
|||
format: 'es' |
|||
} |
|||
|
|||
if (process.env.UNI_MP) { |
|||
input = 'src/core/runtime/mp/index.js' |
|||
output.file = `packages/uni-${process.env.UNI_PLATFORM}/dist/mp.js` |
|||
} |
|||
|
|||
module.exports = { |
|||
input, |
|||
output, |
|||
plugins: [ |
|||
alias({ |
|||
entries: [{ |
|||
find: '@dcloudio', |
|||
replacement: path.resolve(__dirname, '../packages') |
|||
}, { |
|||
find: 'uni-core', |
|||
replacement: path.resolve(__dirname, '../src/core') |
|||
}, { |
|||
find: 'uni-api-protocol', |
|||
replacement: path.resolve(__dirname, '../src/core/helpers/protocol') |
|||
}, { |
|||
find: 'uni-shared/query', |
|||
replacement: path.resolve(__dirname, '../src/shared/query.js') |
|||
}, { |
|||
find: 'uni-shared', |
|||
replacement: path.resolve(__dirname, '../src/shared/util.js') |
|||
}, { |
|||
find: 'uni-platform', |
|||
replacement: path.resolve(__dirname, '../src/platforms/' + process.env.UNI_PLATFORM) |
|||
}, { |
|||
find: 'uni-wrapper', |
|||
replacement: path.resolve(__dirname, '../src/core/runtime/wrapper') |
|||
}, { |
|||
find: 'uni-helpers', |
|||
replacement: path.resolve(__dirname, '../src/core/helpers') |
|||
}] |
|||
}), |
|||
json(), |
|||
replace({ |
|||
__GLOBAL__: platform.prefix, |
|||
__PLATFORM_TITLE__: platform.title, |
|||
__PLATFORM_PREFIX__: JSON.stringify(platform.prefix), |
|||
__PLATFORM__: JSON.stringify(process.env.UNI_PLATFORM) |
|||
}) |
|||
], |
|||
external: ['vue', '@dcloudio/uni-i18n'] |
|||
} |
|||
@ -1,94 +0,0 @@ |
|||
const path = require('path') |
|||
const json = require('@rollup/plugin-json') |
|||
const alias = require('@rollup/plugin-alias') |
|||
const replace = require('@rollup/plugin-replace') |
|||
const nodeResolve = require('@rollup/plugin-node-resolve') |
|||
const commonjs = require('@rollup/plugin-commonjs') |
|||
const terser = require('rollup-plugin-terser') |
|||
const requireContext = require('../lib/rollup-plugin-require-context') |
|||
|
|||
process.env.UNI_PLATFORM = 'quickapp-native' |
|||
|
|||
const external = [] |
|||
|
|||
const resolve = dir => path.resolve(__dirname, '../', dir) |
|||
|
|||
function replaceModuleImport (str) { |
|||
return str.replace( |
|||
/require\s*\(\s*(['"])@([\w$_][\w$-.]*?)\1\)/gm, |
|||
(e, r, p) => `$app_require$(${r}@app-module/${p}${r})` |
|||
).replace( |
|||
/import\s+([\w${}]+?)\s+from\s+(['"])@([\w$_][\w$-.]*?)\2/gm, |
|||
(e, r, p, t) => `var ${r} = $app_require$(${p}@app-module/${t}${p})` |
|||
) |
|||
} |
|||
|
|||
const plugins = [{ |
|||
name: 'replaceModuleImport', |
|||
transform (source) { |
|||
return { |
|||
code: replaceModuleImport(source) |
|||
} |
|||
} |
|||
}, |
|||
alias({ |
|||
entries: [{ |
|||
find: '@dcloudio', |
|||
replacement: resolve('packages') |
|||
}, { |
|||
find: 'uni-core', |
|||
replacement: resolve('src/core') |
|||
}, { |
|||
find: 'uni-platform', |
|||
replacement: resolve('src/platforms/quickapp-native') |
|||
}, { |
|||
find: 'uni-platforms', |
|||
replacement: resolve('src/platforms') |
|||
}, { |
|||
find: 'uni-shared', |
|||
replacement: resolve('src/shared/index.js') |
|||
}, { |
|||
find: 'uni-helpers', |
|||
replacement: resolve('src/core/helpers') |
|||
}, { |
|||
find: 'uni-invoke-api', |
|||
replacement: resolve('src/platforms/quickapp-native/service/invoke-api') |
|||
}, { |
|||
find: 'uni-service-api', |
|||
replacement: resolve('src/platforms/quickapp-native/service/api') |
|||
}, { |
|||
find: 'uni-api-protocol', |
|||
replacement: resolve('src/core/helpers/protocol') |
|||
}] |
|||
}), |
|||
json(), |
|||
nodeResolve(), |
|||
requireContext(), |
|||
commonjs(), |
|||
replace({ |
|||
__PLATFORM__: JSON.stringify(process.env.UNI_PLATFORM), |
|||
__PLATFORM_TITLE__: '快应用(Native)版' |
|||
}) |
|||
] |
|||
|
|||
// if (process.env.NODE_ENV === 'production') {
|
|||
plugins.push(terser.terser()) |
|||
// }
|
|||
|
|||
module.exports = function (type) { |
|||
let input = '' |
|||
|
|||
if (type === 'bridge') { |
|||
input = 'src/platforms/quickapp-native/runtime/bridge.js' |
|||
} else if (type === 'app') { |
|||
input = 'src/platforms/quickapp-native/runtime/app.js' |
|||
} else if (type === 'page') { |
|||
input = 'src/platforms/quickapp-native/runtime/page.js' |
|||
} |
|||
|
|||
return { |
|||
input, |
|||
plugins, |
|||
external |
|||
} |
|||
} |
|||
@ -1,38 +0,0 @@ |
|||
const path = require('path') |
|||
const json = require('@rollup/plugin-json') |
|||
const alias = require('@rollup/plugin-alias') |
|||
const replace = require('@rollup/plugin-replace') |
|||
|
|||
module.exports = { |
|||
input: 'src/platforms/app-plus-nvue/services/index.legacy.old.js', |
|||
output: { |
|||
file: 'packages/uni-app-plus-nvue/dist/service.legacy.js', |
|||
format: 'es' |
|||
}, |
|||
plugins: [ |
|||
alias({ |
|||
entries: [{ |
|||
find: '@dcloudio', |
|||
replacement: path.resolve(__dirname, '../packages') |
|||
}, |
|||
{ |
|||
find: 'uni-core', |
|||
replacement: path.resolve(__dirname, '../src/core') |
|||
}, |
|||
{ |
|||
find: 'uni-shared', |
|||
replacement: path.resolve(__dirname, '../src/shared/util.js') |
|||
}, |
|||
{ |
|||
find: 'uni-helpers', |
|||
replacement: path.resolve(__dirname, '../src/core/helpers') |
|||
} |
|||
] |
|||
}), |
|||
json(), |
|||
replace({ |
|||
__GLOBAL__: 'getGlobalUni()', |
|||
__PLATFORM_TITLE__: 'app-plus-nvue' |
|||
}) |
|||
] |
|||
} |
|||
@ -1,20 +0,0 @@ |
|||
module.exports = [ |
|||
{ |
|||
input: 'packages/uni-stat/src/index.js', |
|||
output: { |
|||
file: 'packages/uni-stat/dist/index.js', |
|||
format: 'es' |
|||
}, |
|||
external: ['vue', '../package.json'], |
|||
plugins: [] |
|||
}, |
|||
{ |
|||
input: 'packages/uni-cloud-stat/src/index.js', |
|||
output: { |
|||
file: 'packages/uni-cloud-stat/dist/index.js', |
|||
format: 'es' |
|||
}, |
|||
external: ['vue', '../package.json'], |
|||
plugins: [] |
|||
} |
|||
] |
|||
@ -1,25 +0,0 @@ |
|||
const path = require('path') |
|||
const babel = require('rollup-plugin-babel') |
|||
const alias = require('@rollup/plugin-alias') |
|||
const terser = require('rollup-plugin-terser') |
|||
module.exports = { |
|||
input: 'src/core/runtime/web-view/index.js', |
|||
output: { |
|||
name: 'uni', |
|||
file: 'dist/uni.webview.1.5.5.js', |
|||
format: 'umd' |
|||
}, |
|||
plugins: [ |
|||
alias({ |
|||
entries: [{ |
|||
find: 'uni-shared', |
|||
replacement: path.resolve(__dirname, '../src/shared/index.js') |
|||
}, { |
|||
find: 'uni-platforms', |
|||
replacement: path.resolve(__dirname, '../src/platforms') |
|||
}] |
|||
}), |
|||
babel(), |
|||
terser.terser() |
|||
] |
|||
} |
|||
@ -1,7 +0,0 @@ |
|||
module.exports = { |
|||
input: 'src/core/runtime/mp/wxs.js', |
|||
output: { |
|||
file: 'packages/uni-mp-weixin/dist/wxs.js', |
|||
format: 'es' |
|||
} |
|||
} |
|||
@ -1,69 +0,0 @@ |
|||
const path = require('path') |
|||
|
|||
const resolve = dir => path.resolve(__dirname, '../', dir) |
|||
|
|||
const pkgPath = resolve('package.json') |
|||
|
|||
const { splitMediaPlugin, generateMediaQuerys } = require('./postcssSplitMediaPlugin') |
|||
const webpack = require('webpack') |
|||
|
|||
const webpackConfig = require('./webpack.config.js') |
|||
const postCssConfig = require('../postcss.config') |
|||
|
|||
let outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '/dist') |
|||
|
|||
if (process.env.UNI_PLATFORM === 'h5' && process.env.UNI_UI === 'true') { |
|||
outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '-ui/dist') |
|||
} |
|||
|
|||
if (process.env.UNI_PLATFORM === 'app-plus' && process.env.UNI_VIEW === 'true') { |
|||
outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '/dist') |
|||
} |
|||
|
|||
if (process.env.UNI_PLATFORM === 'h5') { postCssConfig.plugins.push(splitMediaPlugin) } |
|||
|
|||
module.exports = { |
|||
publicPath: '/', |
|||
outputDir, |
|||
lintOnSave: true, // or error
|
|||
runtimeCompiler: false, |
|||
transpileDependencies: ['@dcloudio/uni-i18n'], |
|||
productionSourceMap: false, |
|||
configureWebpack: webpackConfig, |
|||
parallel: process.env.UNI_PLATFORM !== 'h5' || process.env.UNI_WATCH !== 'false' || process.env.UNI_UI === 'true', |
|||
chainWebpack: config => { |
|||
config.devtool('source-map') |
|||
|
|||
config.module |
|||
.rule('eslint') |
|||
.include |
|||
.add(resolve('src')) |
|||
.add(resolve('lib/' + process.env.UNI_PLATFORM)) |
|||
.end() |
|||
.use('eslint-loader') |
|||
.loader(resolve('node_modules/eslint-loader')) |
|||
.options({ |
|||
fix: true, |
|||
configFile: pkgPath |
|||
}) |
|||
config.plugins.delete('hmr') // remove hot module reload
|
|||
|
|||
if (process.env.UNI_PLATFORM === 'h5') { |
|||
config |
|||
.plugin('webpack-build-done') |
|||
.use(webpack.ProgressPlugin, [function (percentage, message, ...args) { |
|||
if (percentage === 1) { |
|||
generateMediaQuerys({ |
|||
outputDir |
|||
}) |
|||
} |
|||
}]) |
|||
} |
|||
}, |
|||
css: { |
|||
extract: true, |
|||
loaderOptions: { |
|||
postcss: postCssConfig |
|||
} |
|||
} |
|||
} |
|||
@ -1,80 +0,0 @@ |
|||
const path = require('path') |
|||
const webpack = require('webpack') |
|||
|
|||
const resolve = dir => path.resolve(__dirname, '../', dir) |
|||
|
|||
const pkg = require('../package.json') |
|||
|
|||
const externals = {} |
|||
|
|||
if (process.env.UNI_VIEW !== 'true') { |
|||
externals.vue = { |
|||
commonjs: 'vue', |
|||
commonjs2: 'vue', |
|||
root: 'Vue' |
|||
} |
|||
externals['vue-router'] = { |
|||
commonjs: 'vue-router', |
|||
commonjs2: 'vue-router', |
|||
root: 'VueRouter' |
|||
} |
|||
externals['@dcloudio/uni-i18n'] = { |
|||
commonjs: '@dcloudio/uni-i18n', |
|||
commonjs2: '@dcloudio/uni-i18n', |
|||
root: '@dcloudio/uni-i18n' |
|||
} |
|||
} |
|||
|
|||
const alias = { |
|||
'@dcloudio': resolve('packages'), |
|||
'uni-core': resolve('src/core'), |
|||
'uni-view': resolve('src/core/view'), |
|||
'uni-service': resolve('src/core/service'), |
|||
'uni-shared': resolve('src/shared'), |
|||
'uni-mixins': resolve('src/core/view/mixins'), |
|||
'uni-helpers': resolve('src/core/helpers'), |
|||
'uni-platform': resolve('src/platforms/' + process.env.UNI_PLATFORM), |
|||
// tree shaking
|
|||
'uni-components': resolve('src/core/view/components'), |
|||
'uni-invoke-api': resolve('src/platforms/' + process.env.UNI_PLATFORM + '/service/api'), |
|||
'uni-service-api': resolve('src/core/service/platform-api'), |
|||
'uni-api-protocol': resolve('src/core/helpers/protocol'), |
|||
'uni-api-subscribe': resolve('src/core/view/bridge/subscribe/api/index'), |
|||
// h5 components
|
|||
'uni-h5-app-components': resolve('src/platforms/h5/components/app/popup/index'), |
|||
'uni-h5-app-mixins': resolve('src/platforms/h5/components/app/popup/mixins/index'), |
|||
'uni-h5-system-routes': resolve('src/platforms/h5/components/system-routes/index') |
|||
} |
|||
|
|||
const provides = { |
|||
console: [resolve('src/core/helpers/console'), 'default'], |
|||
UniViewJSBridge: [resolve('src/core/view/bridge/index')], |
|||
UniServiceJSBridge: [resolve('src/core/service/bridge/index')] |
|||
} |
|||
if (process.env.UNI_VIEW) { // 方便调试
|
|||
delete provides.console |
|||
} |
|||
|
|||
if (process.env.UNI_VIEW === 'true') { |
|||
alias.vue$ = resolve('packages/vue-cli-plugin-uni/packages/h5-vue/dist/vue.runtime.esm.js') |
|||
} |
|||
|
|||
module.exports = { |
|||
mode: 'production', |
|||
devtool: false, |
|||
externals, |
|||
resolve: { |
|||
alias |
|||
}, |
|||
module: { |
|||
rules: [] |
|||
}, |
|||
plugins: [ |
|||
new webpack.DefinePlugin({ |
|||
__VERSION__: JSON.stringify(pkg.version), |
|||
__PLATFORM__: JSON.stringify(process.env.UNI_PLATFORM), |
|||
__VIEW__: JSON.stringify(!!process.env.UNI_VIEW) |
|||
}), |
|||
new webpack.ProvidePlugin(provides) |
|||
] |
|||
} |
|||
@ -1,58 +0,0 @@ |
|||
const path = require('path') |
|||
const webpack = require('webpack') |
|||
|
|||
const resolve = dir => path.resolve(__dirname, '../', dir) |
|||
|
|||
const pkg = require('../package.json') |
|||
|
|||
let service = process.VUE_CLI_SERVICE |
|||
if (!service || process.env.VUE_CLI_API_MODE) { |
|||
const Service = require('@vue/cli-service') |
|||
service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd()) |
|||
service.init(process.env.VUE_CLI_MODE || process.env.NODE_ENV) |
|||
} |
|||
|
|||
const config = service.resolveWebpackConfig() |
|||
|
|||
config.resolve.alias = { |
|||
'@': resolve('src'), |
|||
'@dcloudio': resolve('packages'), |
|||
'uni-core': resolve('src/core'), |
|||
'uni-view': resolve('src/core/view'), |
|||
'uni-service': resolve('src/core/service'), |
|||
'uni-shared': resolve('src/shared'), |
|||
'uni-mixins': resolve('src/core/view/mixins'), |
|||
'uni-helpers': resolve('src/core/helpers'), |
|||
'uni-platform': resolve('src/platforms/' + process.env.UNI_PLATFORM), |
|||
// tree shaking
|
|||
'uni-components': resolve('src/core/view/components'), |
|||
'uni-invoke-api': resolve('src/platforms/' + process.env.UNI_PLATFORM + '/service/api'), |
|||
'uni-service-api': resolve('src/core/service/platform-api'), |
|||
'uni-api-protocol': resolve('src/core/helpers/protocol'), |
|||
'uni-api-subscribe': resolve('src/core/view/bridge/subscribe/api/index'), |
|||
// h5 components
|
|||
'uni-h5-app-components': resolve('src/platforms/h5/components/app/popup/index'), |
|||
'uni-h5-app-mixins': resolve('src/platforms/h5/components/app/popup/mixins/index'), |
|||
'uni-h5-system-routes': resolve('src/platforms/h5/components/system-routes/index') |
|||
} |
|||
|
|||
const isEslintLoader = config.module.rules[config.module.rules.length - 1].enforce |
|||
|
|||
if (isEslintLoader) { |
|||
config.module.rules.splice(config.module.rules.length - 1, 1) |
|||
} else { |
|||
throw new Error('eslint-loader is undefined') |
|||
} |
|||
|
|||
config.plugins = config.plugins.concat([ |
|||
new webpack.DefinePlugin({ |
|||
__VERSION__: JSON.stringify(pkg.version), |
|||
__PLATFORM__: JSON.stringify(process.env.UNI_PLATFORM) |
|||
}), |
|||
new webpack.ProvidePlugin({ |
|||
console: [resolve('src/core/helpers/console'), 'default'], |
|||
UniViewJSBridge: [resolve('src/core/view/bridge/index')], |
|||
UniServiceJSBridge: [resolve('src/core/service/bridge/index')] |
|||
}) |
|||
]) |
|||
module.exports = config |
|||
@ -0,0 +1,260 @@ |
|||
## 2.1.4（2023-07-11） |
|||
- 纠正`opendb-news-articles.schema.json`错误的权限表达式`doc.uid`为`doc.user_id` |
|||
## 2.1.3（2023-05-10） |
|||
- 更新 依赖的uni-id-pages的版本为1.1.13 修复 启用摇树优化后切换登陆方式报错的问题 |
|||
## 2.1.2（2023-02-10） |
|||
- 新增 微信小程序端 首页需强制登录时，隐藏返回首页按钮 |
|||
## 2.1.1（2023-02-02） |
|||
- 重要 分包加载uni-id-pages 优化后 运行时主包大小为：637KB 分包为：78KB，发布后主包大小为：585KB 分包为：75KB |
|||
- 新增 微信小程序端 支持选择使用微信资料的“头像”和“昵称” 设置用户资料 [详情参考](https://wdoc-76491.picgzc.qpic.cn/MTY4ODg1MDUyNzQyMDUxNw_21263_rTNhg68FTngQGdvQ_1647431233?w=1280&h=695.7176470588236) |
|||
## 2.1.0（2023-01-17） |
|||
- 重要 新增uni-admin需要的相关依赖和初始化数据（方便uni-admin关联uni-starter后可直接运行） |
|||
- 升级依赖的 [uni-id-pages](https://ext.dcloud.net.cn/plugin?name=uni-id-pages) 修复如下问题： |
|||
1. 优化 压缩依赖的文件资源大小 |
|||
2. 更新依赖的 验证码插件`uni-captcha`版本的版本为 0.6.4 修复 部分情况下APP端无法获取验证码的问题 [详情参考](https://ext.dcloud.net.cn/plugin?id=4048) |
|||
3. 修复 客户端token过期后，点击退出登录按钮报错的问题 |
|||
4. uni-id-co 修复 updateUser 接口`手机号`和`邮箱`参数值为空字符串时，修改无效的问题 |
|||
## 2.0.6（2022-10-19） |
|||
- 更新 文件路径：`/uni_modules/uni-id-pages/init.js`内uni-push客户端推送标识获取失败的提示 |
|||
## 2.0.5（2022-10-19） |
|||
- 更新依赖的`uni-id-pages`的版本为1.0.26 |
|||
## 2.0.4（2022-09-21） |
|||
- 新增 使用uni-id-pages的账号信息的状态管理功能 |
|||
## 2.0.3（2022-09-20） |
|||
- 更新 依赖的`uni-ui`组件为最新版本（注意：该版本的`uni-form`相关组件将自定义节点设置成[虚拟节点](https://uniapp.dcloud.net.cn/tutorial/vue-api.html#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE))） |
|||
- 更新 依赖的`uni_module`-> `uni-id-pages`为 v1.0.19版 修复 小程序端，使用将自定义节点设置成虚拟节点的uni-ui组件，导致的样式错乱问题 |
|||
## 2.0.2（2022-09-19） |
|||
- 更新表结构，解决部分clientDB操作没有权限的问题 |
|||
## 2.0.1（2022-09-16） |
|||
- 更改默认值 |
|||
## 2.0.0（2022-09-16） |
|||
- 【重要】 v2版正式发布 应用`uni-id-pages`、`uniIdRouter`；（注意：此版本更新内容较多，升级请注意备份） |
|||
- 考虑到部分旧项目不想升级，保留`uni-starter v1`版源码，托管在仓库的[v1分支](https://gitcode.net/dcloud/uni-starter/-/blob/v1/README.md)；继续使用v1版，遇到问题可以提交[Issue](https://gitcode.net/dcloud/uni-starter/-/issues/new?issue%5Bassignee_id%5D=&issue%5Bmilestone_id%5D=)有bug仍然会修复，但v1版本不再新增功能。 |
|||
## 1.2.7（2022-08-10） |
|||
- 修复微信小程序绑定手机号失败的问题 |
|||
## 1.2.6（2022-06-29） |
|||
- 支持 ios 安全区 |
|||
## 1.2.5（2022-05-29） |
|||
升级预置的`uni_modules`->`uni-captcha`版本为：0.6.0。[详情](https://ext.dcloud.net.cn/plugin?name=uni-captcha) |
|||
## 1.2.4（2022-05-20） |
|||
- 修改`uni-starter.config.js`->`debug`的默认值为`false` |
|||
## 1.2.3（2022-05-20） |
|||
- 默认关闭`manifest.json`中的扩展配置 |
|||
- `uni-starter.config.js` 新增debug,用于配置是否开启调试模式 |
|||
## 1.2.2（2022-05-19） |
|||
- 优化登陆体验，账号密码登陆错误超过2次，再显示图形验证码进行人机校验。 |
|||
## 1.2.1（2022-05-18） |
|||
- 修复在某些情况下，微信小程序端验证码显示错误的问题 |
|||
## 1.2.0（2022-05-16） |
|||
- 短信验证码登陆、绑定手机号码新增防刷逻辑。当短信验证码输入错误2次以上，弹出图形验证码进行人机校验。 |
|||
- uni-id-cf，新增防刷机制。更改loginLog为uniIdLog 记录各类uni-id操作，并新增action字段记录操作的行为名称 |
|||
- 注册账号新增需要输入图形验证码 |
|||
## 1.1.34（2022-05-12） |
|||
修复绑定手机号码，未验证空验证码的问题。注意：请确保项目依赖的uni-id版本为3.3.18+ |
|||
## 1.1.33（2022-02-24） |
|||
修复微信小程序端，个人资料-绑定手机号码，一键获取微信资料中手机号码绑定授权，点击“拒绝”时toast：encryptedData 不可为空的问题 |
|||
## 1.1.32（2022-02-24） |
|||
- 删除多余文件：`uniCloud/database/opendb-news-articles-detail.schema.json` |
|||
- 修复当用户选择验证码登陆方式，在输入验证码页面，点击微信登陆时报“你未同意隐私政策协议”的问题 |
|||
## 1.1.31（2022-02-16） |
|||
修复微信小程序端，修改绑定的手机号码时表单验证不正常的问题 |
|||
## 1.1.30（2022-01-26） |
|||
- 新增逻辑:调用uni-id-cf的logout接口后刷新设备信息中token的有效期 |
|||
- 修复某些情况下前端执行logout没调用uniID.logout的问题 |
|||
- 修复某些情况下报push_clientid未定义的问题 |
|||
## 1.1.29（2022-01-25） |
|||
- 保存`uni_id_token`到`storage`改用异步方法，方便通过拦截器执行`token`更新后的操作 |
|||
- 新增通过拦截器监听`uni_id_token`更新，调用云函数刷新刷新设备信息token有效期的API `renewDeviceTokenExpired` |
|||
- 删除留言板示例 |
|||
- 修复图片验证码样式问题 |
|||
## 1.1.28（2022-01-12） |
|||
删除list页第37行多了个`？`引起的报错 |
|||
## 1.1.27（2022-01-11） |
|||
更新uni-id-cf为:1.0.10版，修复 限制只有 admin 用户可管理用户标签（不支持非 admin 用户操作managerMultiTag 接口） |
|||
## 1.1.26（2021-12-29） |
|||
- 性能优化，list页面使用`getTemp`，[详情](https://uniapp.dcloud.io/uniCloud/unicloud-db?id=collection) |
|||
- 拉齐uni-starter和uni-admin的schema新增：uni-id-tag.schema.json，更新：opendb-verify-codes.schema.json |
|||
- 修复首次登陆,用户id没存储到storage的问题 |
|||
- 新增：执行退出登陆后，通过云函数调用`uniID.logout` |
|||
## 1.1.25（2021-12-09） |
|||
修复H5端在about页面，返回触发`uniShare.hide()`引发报错 |
|||
## 1.1.24（2021-11-29） |
|||
- 新增注销用户账号的功能 |
|||
- 修复在某些情况下，签到不连续7天，也获得60积分的问题 |
|||
## 1.1.23（2021-11-20） |
|||
- 使用`uni.getUniverifyManager`优化一键登陆中，点击第三方登陆的逻辑：未勾选隐私政策时，toast提醒并阻止了一键登陆界面的close |
|||
- 新增支持看激励视频广告签到 |
|||
## 1.1.22（2021-11-10） |
|||
删除`common/openApp.js`中可选链操作符，解决vue3版本在hbuilderX内置浏览器不兼容的问题 |
|||
## 1.1.21（2021-11-10） |
|||
新增app端列表页面使用原生list下拉刷新 |
|||
## 1.1.20（2021-11-08） |
|||
修复vue3版某些情况下i18n报错的问题 |
|||
## 1.1.19（2021-11-08） |
|||
配置文件`uni-starter.config.js`默认关闭i18n多语言国际化 |
|||
## 1.1.18（2021-10-14） |
|||
使用2.0版`uni-share`。当显示分享窗口时，监听返回操作(如：物理返回，全面屏手机侧滑)关闭分享窗口，而不是关闭当前页面。 |
|||
## 1.1.17（2021-10-12） |
|||
- 更新文档 |
|||
- 修复list页面where条件中缺少&符，导致的错误 |
|||
## 1.1.16（2021-10-05） |
|||
在控制台提示：开启多语言国际化，将获取i18n中配置的tabbar的值覆盖pages.json中配置的tabbar的值 |
|||
## 1.1.15（2021-10-02） |
|||
新增，支持配置是否开启i18n多语言国际化。 |
|||
配置文件：`uni-starter.config.js` |
|||
` |
|||
"i18n":{ |
|||
"enable":true //默认启用，国际化。如果你不想使用国际化相关功能，请改为false |
|||
} |
|||
` |
|||
## 1.1.14（2021-09-30） |
|||
1. 通过微信小程序登录自动保存`sessionKey`到`uni-id-users`表 |
|||
2. 我的-设置-个人资料 点击绑定手机号码，完善账号信息支持以下三种策略： |
|||
- APP端，（如果支持）使用"通过运营商一键获取手机号码" |
|||
- 微信小程序端，支持"一键获取微信绑定的手机号" |
|||
- 其他端，通过手机验证码 |
|||
## 1.1.13（2021-09-29） |
|||
修复search页面因多语言国际化导致的白屏问题 |
|||
## 1.1.12（2021-09-28） |
|||
1. 改造微信登录逻辑，直接使用`uni.login`参数`"onlyAuthorize":true`实现 |
|||
2. 修复，一键登录弹出层，已勾选“同意隐私政策协议”点击自定义登录按钮，报“你未同意隐私政策协议”的bug |
|||
## 1.1.11（2021-09-24） |
|||
优化邀请下载app页（`pages/ucenter/invite`）下载按钮闪烁的问题 |
|||
## 1.1.10（2021-09-23） |
|||
修复获取验证码按钮的文字，在中文模式下显示为英文的问题 |
|||
## 1.1.9（2021-09-16） |
|||
修复由多语言切换功能引起的隐私政策协议标题链接被重写的问题 |
|||
## 1.1.8（2021-09-15） |
|||
更新数据表guestbook的schema中更新权限的配置 |
|||
## 1.1.7（2021-09-14） |
|||
更新数据表opendb-news-articles的schema中的权限配置 |
|||
## 1.1.6（2021-09-13） |
|||
纠正错误schema权限表达式`doc.uid`为`doc.user_id` |
|||
## 1.1.5（2021-09-01） |
|||
为了更直观理解路由拦截。移除路由拦截器中，默认过滤登录相关页面拦截的逻辑。确保所有白名单页面均在配置文件router.visitor中体现 |
|||
## 1.1.4（2021-08-31） |
|||
修改错误的文章表`SChema`的读权限表达式 |
|||
## 1.1.3（2021-08-31） |
|||
修复在微信小程序端默认语言为英文的问题 |
|||
## 1.1.2（2021-08-30） |
|||
修复在微信小程序下切换语言报`locale`不存在的问题 |
|||
## 1.1.1（2021-08-30） |
|||
- 解决3.2.6以下版本hbuilderx，编译的项目报`uni.setLocale`不存在的问题 |
|||
## 1.1.0（2021-08-27） |
|||
- APP端支持vue3 （hbuilderx 3.2.5+） |
|||
- 支持国际化 中英文切换 |
|||
- 新增留言板示例 |
|||
- 修复签到的时区问题 |
|||
## 1.0.48（2021-08-10） |
|||
- 修复登录成功后响应体包含`userInfo.password`的问题 |
|||
- 修改了`uni-id-users`表的schema中字段username的编辑权限，防止用户通过clientDB绕过用户名不能重复的规则更新用户名的问题 |
|||
## 1.0.47（2021-08-09） |
|||
- 更新文档快速体验部署流程 |
|||
- 修复一键登录优先时报变量找不到的问题 |
|||
## 1.0.46（2021-08-05） |
|||
清理多余文件 |
|||
## 1.0.45（2021-08-05） |
|||
默认首页为nvue页面+fast |
|||
## 1.0.44（2021-08-05） |
|||
解决首页为非nvue页面时白屏的问题。 |
|||
- 注意：本次在`common/appInit.js`中修改了路由拦截的逻辑，是个兼容方案；当首页为非nvue页面，路由拦截器逻辑会在加载首页时执行。接下来新版本的hx编译的uni-app项目无论首页是否为nvue都不走拦截器，保持各端逻辑一致。 |
|||
## 1.0.43（2021-08-02） |
|||
1. 微信小程序端，新增：微信登录成功后，弹出是否"获取微信头像和昵称，完善个人资料"的弹框 |
|||
2. APP端，新增逻辑：微信登录成功后，自动获取用户的微信昵称和头像完善用户个人资料 |
|||
- 提示：因为微信的头像一旦更换，微信返回的头像url会失效。所以，以上两示例功能将url（客户端：下载到临时目录/服务端：转为Buffer）再上传到uniCloud云存储中再使用。 |
|||
## 1.0.42（2021-07-29） |
|||
新增绑定手机号码页面前端校验 |
|||
## 1.0.41（2021-07-27） |
|||
1. 支持vue3.0 |
|||
2. 去掉App.vue全局样式，避免与非flex布局的页面样式冲突 |
|||
## 1.0.40（2021-07-22） |
|||
1. 调整使用正则表达式配置强制登录功能的写法，解决在小程序端的兼容问题。 |
|||
2. 新增签到功能（培养用户习惯，提升用户粘性）。支持：每日签到奖励、周期性连续7日签到，奖励翻倍。 |
|||
## 1.0.39（2021-07-19） |
|||
1. 强制登录配置,新增白名单模式 |
|||
2. 强制登录配置,支持正则表达式 |
|||
## 1.0.38（2021-07-17） |
|||
删除多余文件 |
|||
## 1.0.37（2021-07-14） |
|||
去掉配置文件：`uni-starter.config.js`，`h5` —> `url`结尾的`/` |
|||
## 1.0.36（2021-07-14） |
|||
剪切板中的邀请码，添加标识性前缀 `uniInvitationCode:` |
|||
## 1.0.35（2021-07-12） |
|||
1. H5端默认不开启，隐私权限协议签署页面。因为网页端没有什么隐私权限能被获取，目前全球仅欧盟有要求；如有需要请手动开启 |
|||
2. 在列表页演示，如何在onShow生命周期获取设备位置，并在设备或者应用没有权限时自动引导。设置完毕自动重新获取。[更多点此查看插件介绍](https://ext.dcloud.net.cn/plugin?name=json-gps) |
|||
## 1.0.34（2021-07-08） |
|||
修复，打开登录页时携带参数，导致的快捷登录方式重复的问题 |
|||
## 1.0.33（2021-07-06） |
|||
修复，点击短信验证码登录打开的页面不正确的问题 |
|||
## 1.0.32（2021-07-06） |
|||
修复，仅配置一种快捷登录时的错误 |
|||
## 1.0.31（2021-07-02） |
|||
优化项目文档 |
|||
## 1.0.30（2021-07-01） |
|||
1. 简化宫格页面写法，方便理解如何控制不同状态角色的用户是否可见哪些元素。 |
|||
2. uni-id-cf发送短信验证码api，默认注释掉：虚拟发送短信验证码的代码块。 |
|||
3. uni-id-cf统一action名称为驼峰法 |
|||
## 1.0.29（2021-06-29） |
|||
1. 修复在安卓10以下设备,操作登录获取不到oaid会直接导致登录失败的bug |
|||
2. 修复uniCloud版本为阿里云版时删除头像设置失败，腾讯云版删除头像后二次上传失败的问题 |
|||
## 1.0.28（2021-06-28） |
|||
修复云函数uni-id-cf的resetPwdBySmsCode接口，未注册过的用户也能调用的问题 |
|||
## 1.0.27（2021-06-25） |
|||
修改文档，新增h5版演示示例 |
|||
## 1.0.26（2021-06-24） |
|||
升级用户头像上传的裁切功能，app端为原生裁剪其他端保持原来方式。数据表字段改用avatar_file存储file对象方便做图片的回显 |
|||
## 1.0.25（2021-06-23） |
|||
预置uniCloud admin依赖的uniCloud文件，方便uniCloud admin与uni-starter配套使用时免做文件迁移 |
|||
## 1.0.24（2021-06-23） |
|||
删除callFunction拦截器中多余的代码 |
|||
## 1.0.23（2021-06-22） |
|||
更正调试遗留的uni-config-center/uni-id/config.json的tokenExpiresIn=1配置问题，改为默认值7200 |
|||
## 1.0.22（2021-06-22） |
|||
1. 新增一键登录授权界面的其他快捷登录按钮 |
|||
2. 优化uni-quick-login组件代码 |
|||
3. 调整隐私政策协议框勾选逻辑：在登录页面已勾选，同步勾选。如果没勾选需要手动勾选（为符合应用市场上架要求） |
|||
4. 调整登录页隐私政策协议框位置。 |
|||
5. 增强路由拦截，新增判断token是否过期。 |
|||
## 1.0.21（2021-06-21） |
|||
优化：uni_modules模式使用uni-id-cf，方便uni-starter与uniCloud-admin的uni-id-cf同步更新。 |
|||
## 1.0.20（2021-06-18） |
|||
1.H5端新增，强制要求用户同意隐私协议 2.兼容ios端自动设置打开下载页用户的剪切板为邀请者的inviteCode 3.成功注册用户，且请求体含邀请码inviteCode自动关联裂变关系 |
|||
## 1.0.19（2021-06-17） |
|||
1.新增获取邀请码接口getUserInviteCode 2.在邀请用户下载应用页面，自动设置被邀请用户的剪切板为邀请者的code(仅支持安卓端) 3.在注册或登录并注册请求时自动添加剪切板中的请求参数 4.统一接口名称为驼峰法 |
|||
## 1.0.18（2021-06-15） |
|||
修复，APP端有安装微信客户端但未显示微信登录快捷键的问题 |
|||
## 1.0.17（2021-06-09） |
|||
修复，非APP端deviceInfo为空引起的登录失败问题 |
|||
## 1.0.16（2021-06-08） |
|||
新增，操作注册/登录操作自动获取客户端设备：push_clientid、imei、oaid、idfa新增/更新到数据表uni-id-device新增，操作注册/登录操作自动获取客户端设备：push_clientid、imei、oaid、idfa新增/更新到数据表uni-id-device |
|||
## 1.0.15（2021-06-07） |
|||
为迎合苹果App Store的规则，登录与分享功能项显示之前自动检测是否安装了对应客户端。比如：设备未安装微信则不显示微信快捷登录和微信分享选项。为迎合苹果App Store的规则，登录与分享功能项显示之前自动检测是否安装了对应客户端。比如：设备未安装微信则不显示微信快捷登录和微信分享选项。 |
|||
## 1.0.14（2021-06-07） |
|||
修改错误的表名称uni-verify为opendb-verify-codes |
|||
## 1.0.13（2021-06-04） |
|||
新增一键登录界面的第三方快捷登录按钮 |
|||
## 1.0.12（2021-05-28） |
|||
修复拦截器在ios app端会报错：Unhandled promise...的问题 |
|||
## 1.0.10（2021-05-27） |
|||
新增callfunction的拦截器废除this.request的写法。为callFunction添加：请求失败是否断网判断并提示、恢复网络自动重新执行、自动处理响应体：token过期自动跳转到登录页面、token自动续期 |
|||
## 1.0.9（2021-05-23） |
|||
修复变量被重复定义的问题 |
|||
## 1.0.8（2021-05-22） |
|||
宫格页(/pages/grid/grid)，新增根据当前用户是否登录、是否为管理员的角色来决定是否显示的示范 |
|||
## 1.0.7（2021-05-22） |
|||
删除多余数据 |
|||
## 1.0.6（2021-05-22） |
|||
修复当username（用户名&密码）为第一优先级的登录方式时。无法切换到smsCode(短信验证码)登录方式 |
|||
## 1.0.5（2021-05-20） |
|||
改用uni_modules方式处理图片选择api时无权限，引导用户快捷打开系统设置 |
|||
## 1.0.4（2021-05-19） |
|||
为方便部署，添加空的manifest.json uni-config-center下的uni-id配置 |
|||
## 1.0.3（2021-05-18） |
|||
重大调整，原云函数名称：user-center改名叫uni-id-cf |
|||
修复，绑定手机号码场景。因手机未插SIM导致的一键登录失败后未直接跳到获取短信验证码方式绑定 |
|||
## 1.0.2（2021-05-17） |
|||
添加 uni-config-center/uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json 文件 |
|||
## 1.0.1（2021-05-17） |
|||
manifest.json 在小程序平台增加了一个配置项 betterScopedSlots，启用新的作用域插槽编译，用于支持作用域插槽内使用复杂表达式。 |
|||
## 1.0.0（2021-05-17） |
|||
第一版 |
|||
@ -1,21 +0,0 @@ |
|||
const fs = require('fs') |
|||
const path = require('path') |
|||
|
|||
const request = require('request') |
|||
|
|||
const registry = 'https://registry.npmjs.org/@dcloudio/' |
|||
|
|||
const pkgs = fs.readdirSync(path.resolve(__dirname, 'packages')).filter(pkg => pkg.indexOf('.') !== 0) |
|||
|
|||
const tag = process.argv[2] || 'alpha' |
|||
|
|||
pkgs.forEach(pkg => { |
|||
request(registry + pkg, function(error, response, body) { |
|||
if (error) { |
|||
console.log(pkg, error) |
|||
} else { |
|||
const version = JSON.parse(body)['dist-tags'][tag] |
|||
console.log(pkg + ':' + (' '.repeat(80 - (pkg + ':' + version).length)) + version) |
|||
} |
|||
}) |
|||
}) |
|||
@ -0,0 +1,164 @@ |
|||
import uniStarterConfig from '@/uni-starter.config.js'; |
|||
//应用初始化页
|
|||
// #ifdef APP-PLUS
|
|||
import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'; |
|||
import callCheckVersion from '@/uni_modules/uni-upgrade-center-app/utils/call-check-version'; |
|||
|
|||
// 实现，路由拦截。当应用无访问摄像头/相册权限，引导跳到设置界面 https://ext.dcloud.net.cn/plugin?id=5095
|
|||
import interceptorChooseImage from '@/uni_modules/json-interceptor-chooseImage/js_sdk/main.js'; |
|||
interceptorChooseImage() |
|||
|
|||
// #endif
|
|||
const db = uniCloud.database() |
|||
export default async function() { |
|||
const debug = uniStarterConfig.debug; |
|||
|
|||
// uniStarterConfig挂载到getApp().globalData.config
|
|||
setTimeout(() => { |
|||
getApp({ |
|||
allowDefault: true |
|||
}).globalData.config = uniStarterConfig; |
|||
}, 1) |
|||
|
|||
|
|||
// 初始化appVersion（仅app生效）
|
|||
initAppVersion(); |
|||
|
|||
//clientDB的错误提示
|
|||
function onDBError({ |
|||
code, // 错误码详见https://uniapp.dcloud.net.cn/uniCloud/clientdb?id=returnvalue
|
|||
message |
|||
}) { |
|||
console.log('onDBError', { |
|||
code, |
|||
message |
|||
}); |
|||
// 处理错误
|
|||
console.error(code, message); |
|||
} |
|||
// 绑定clientDB错误事件
|
|||
db.on('error', onDBError) |
|||
|
|||
|
|||
//拦截云对象请求
|
|||
uniCloud.interceptObject({ |
|||
async invoke({ |
|||
objectName, // 云对象名称
|
|||
methodName, // 云对象的方法名称
|
|||
params // 参数列表
|
|||
}) { |
|||
// console.log('interceptObject',{
|
|||
// objectName, // 云对象名称
|
|||
// methodName, // 云对象的方法名称
|
|||
// params // 参数列表
|
|||
// });
|
|||
if(objectName == "uni-id-co" && (methodName.includes('loginBy') || ['login','registerUser'].includes(methodName) )){ |
|||
console.log('执行登录相关云对象'); |
|||
params[0].inviteCode = await new Promise((callBack) => { |
|||
uni.getClipboardData({ |
|||
success: function(res) { |
|||
console.log('剪切板内容：'+res.data); |
|||
if (res.data.slice(0, 18) == 'uniInvitationCode:') { |
|||
let uniInvitationCode = res.data.slice(18, 38) |
|||
console.log('当前用户是其他用户推荐下载的,推荐者的code是：' + uniInvitationCode); |
|||
// uni.showModal({
|
|||
// content: '当前用户是其他用户推荐下载的,推荐者的code是：'+uniInvitationCode,
|
|||
// showCancel: false
|
|||
// });
|
|||
callBack(uniInvitationCode) |
|||
//当前用户是其他用户推荐下载的。这里登记他的推荐者id 为当前用户的myInviteCode。判断如果是注册
|
|||
} else { |
|||
callBack() |
|||
} |
|||
}, |
|||
fail() { |
|||
console.log('error--'); |
|||
callBack() |
|||
}, |
|||
complete() { |
|||
// #ifdef MP-WEIXIN
|
|||
uni.hideToast() |
|||
// #endif
|
|||
} |
|||
}); |
|||
}) |
|||
// console.log(params);
|
|||
} |
|||
// console.log(params);
|
|||
}, |
|||
success(e) { |
|||
console.log(e); |
|||
}, |
|||
complete() { |
|||
|
|||
}, |
|||
fail(e){ |
|||
console.error(e); |
|||
// if (debug) {
|
|||
// uni.showModal({
|
|||
// content: JSON.stringify(e),
|
|||
// showCancel: false
|
|||
// });
|
|||
// }else{
|
|||
// uni.showToast({
|
|||
// title: '系统错误请稍后再试',
|
|||
// icon:'error'
|
|||
// });
|
|||
// }
|
|||
} |
|||
}) |
|||
|
|||
|
|||
// #ifdef APP-PLUS
|
|||
// 监听并提示设备网络状态变化
|
|||
uni.onNetworkStatusChange(res => { |
|||
console.log(res.isConnected); |
|||
console.log(res.networkType); |
|||
if (res.networkType != 'none') { |
|||
uni.showToast({ |
|||
title: '当前网络类型：' + res.networkType, |
|||
icon: 'none', |
|||
duration: 3000 |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: '网络类型：' + res.networkType, |
|||
icon: 'none', |
|||
duration: 3000 |
|||
}) |
|||
} |
|||
}); |
|||
// #endif
|
|||
|
|||
} |
|||
/** |
|||
* // 初始化appVersion
|
|||
*/ |
|||
function initAppVersion() { |
|||
// #ifdef APP-PLUS
|
|||
let appid = plus.runtime.appid; |
|||
plus.runtime.getProperty(appid, (wgtInfo) => { |
|||
let appVersion = plus.runtime; |
|||
let currentVersion = appVersion.versionCode > wgtInfo.versionCode ? appVersion : wgtInfo; |
|||
getApp({ |
|||
allowDefault: true |
|||
}).appVersion = { |
|||
...currentVersion, |
|||
appid, |
|||
hasNew: false |
|||
} |
|||
// 检查更新小红点
|
|||
callCheckVersion().then(res => { |
|||
// console.log('检查是否有可以更新的版本', res);
|
|||
if (res.result.code > 0) { |
|||
// 有新版本
|
|||
getApp({ |
|||
allowDefault: true |
|||
}).appVersion.hasNew = true; |
|||
console.log(checkUpdate()); |
|||
} |
|||
}) |
|||
}); |
|||
// 检查更新
|
|||
// #endif
|
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
/* |
|||
创建在h5端全局悬浮引导用户下载app的功能， |
|||
如不需要本功能直接移除配置文件uni-starter.config.js下的h5/openApp即可 |
|||
*/ |
|||
|
|||
import CONFIG from '../uni-starter.config.js'; |
|||
|
|||
const CONFIG_OPEN = CONFIG.h5.openApp || {}; |
|||
// 仅H5端添加"打开APP"
|
|||
export default function() { |
|||
// #ifdef H5
|
|||
if (!CONFIG_OPEN.openUrl) return; |
|||
|
|||
let openLogo = CONFIG_OPEN.logo ? |
|||
`<img src="${CONFIG_OPEN.logo}" style="width: 2rem;height: 2rem;border-radius: 3px;">` : ''; |
|||
let openApp = document.createElement("div"); |
|||
openApp.id = 'openApp'; |
|||
openApp.style = |
|||
'position: fixed;background:#FFFFFF;box-shadow: #eeeeee 1px 1px 9px; ;top: 0;left: 0;right: 0;z-index: 999;width: 100%;height: 45px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 0.5rem;' |
|||
openApp.innerHTML = ` |
|||
<div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center;"> |
|||
${openLogo} |
|||
<div style="padding-left: 0.3rem;font-size: 12px;">${CONFIG_OPEN.appname || ''}</div> |
|||
</div> |
|||
<div class="openBtn" style="padding: 5px;font-size:12px;border-radius: 2px;border: 1px solid #007AFF;color: #007AFF;">下载app</div> |
|||
`;
|
|||
document.body.insertBefore(openApp, document.body.firstChild); |
|||
document.body.style = 'height:calc(100% - 45px); margin-top:45px;'; |
|||
openApp.addEventListener('click', e => { |
|||
var target = e.target || e.srcElement; |
|||
if (target.className.indexOf('openBtn') >= 0) { |
|||
window.location.href = CONFIG_OPEN.openUrl; |
|||
} |
|||
}) |
|||
//#endif
|
|||
} |
|||
@ -0,0 +1,95 @@ |
|||
<template> |
|||
<refresh @refresh="refresh" @pullingdown="onpullingdown" :display="showRefresh ? 'show' : 'hide'"> |
|||
<view class="refreshBox"> |
|||
<!-- 可以自己添加图片路径或base64实现图片 <image class="refreshImg" :src="config[state].img" mode="widthFix" resize="cover"></image> --> |
|||
<text class="refreshText">{{config[state].text}}</text> |
|||
</view> |
|||
</refresh> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
showRefresh:false, |
|||
state:0 |
|||
} |
|||
}, |
|||
methods:{ |
|||
onpullingdown({pullingDistance,viewHeight}) { |
|||
if(pullingDistance < viewHeight){ |
|||
this.state = 0 |
|||
}else{ |
|||
this.state = 1 |
|||
} |
|||
}, |
|||
refresh(){ |
|||
// console.log('refresh'); |
|||
this.showRefresh = true |
|||
this.state = 2 |
|||
this.$emit('refresh') |
|||
} |
|||
}, |
|||
watch: { |
|||
loading(loading, oldValue) { |
|||
if(!loading){ |
|||
this.showRefresh = false |
|||
this.state = 3 |
|||
} |
|||
} |
|||
}, |
|||
props: { |
|||
loading: { |
|||
type:Boolean, |
|||
default(){ |
|||
return false |
|||
} |
|||
}, |
|||
config: { |
|||
type: Array, |
|||
default(){ |
|||
return [ |
|||
{ |
|||
text:"继续下拉执行刷新", |
|||
img:""//可以自己添加图片路径或base64实现图片 |
|||
}, |
|||
{ |
|||
text:"释放立即刷新", |
|||
img:""//可以自己添加图片路径或base64实现图片 |
|||
}, |
|||
{ |
|||
text:"正在疯狂的加载中", |
|||
img:""//可以自己添加图片路径或base64实现图片 |
|||
}, |
|||
{ |
|||
text:"加载成功", |
|||
img:""//可以自己添加图片路径或base64实现图片 |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.refreshBox{ |
|||
width: 750rpx; |
|||
height: 50px; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex-direction: row; |
|||
/* #ifndef APP-PLUS */ |
|||
margin-top: -50px; |
|||
/* #endif */ |
|||
} |
|||
.refreshImg{ |
|||
width: 55rpx; |
|||
height: 55rpx; |
|||
z-index: 111; |
|||
} |
|||
.refreshText{ |
|||
font-size: 26rpx; |
|||
color: #999999; |
|||
padding-left: 6rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"noData": "No Data", |
|||
"noNetwork": "Network error", |
|||
"toSet": "Go to settings", |
|||
"error": "error" |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
import en from './en.json' |
|||
import zhHans from './zh-Hans.json' |
|||
export default { |
|||
en, |
|||
'zh-Hans': zhHans |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"noData": "暂无数据", |
|||
"noNetwork": "网络异常", |
|||
"toSet": "前往设置", |
|||
"error": "错误" |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
新增uni-load-state组件，这是一个封装数据请求状态的组件。根据uniCloud-db组件提供的参数直接响应对应的效果。 |
|||
包括加载中、当前页面为空、没有更多数据、上拉加载更多； |
|||
加载错误判断，如果是断网就引导打开系统网络设置页面。恢复联网后自动触发networkResume方法。 |
|||
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<view @appear="appear"> |
|||
<view v-if="state.error"> |
|||
<view class="box" v-if="networkType == 'none'"> |
|||
<image class="icon-image" src="@/static/uni-load-state/disconnection.png" mode="widthFix"></image> |
|||
<text class="tip-text">{{noNetwork}}</text> |
|||
<view class="btn btn-default" @click="openSettings"> |
|||
<text class="btn-text">{{toSet}}</text> |
|||
</view> |
|||
</view> |
|||
<text class="error" v-else>{{error}}：{{JSON.stringify(state.error)}}</text> |
|||
</view> |
|||
<template v-else> |
|||
<!-- #ifdef APP-NVUE --> |
|||
<text class="state-text">{{state.loading?'加载中...':(state.hasMore?'上拉加载更多':'没有更多数据了')}}</text> |
|||
<!-- #endif --> |
|||
<!-- #ifndef APP-NVUE --> |
|||
<uni-load-more class="uni-load-more" :status="state.loading?'loading':(state.hasMore?'hasMore':'noMore')"></uni-load-more> |
|||
<!-- #endif --> |
|||
</template> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
initVueI18n |
|||
} from '@dcloudio/uni-i18n' |
|||
import messages from './i18n/index.js' |
|||
const { |
|||
t |
|||
} = initVueI18n(messages) |
|||
|
|||
export default { |
|||
name: "uni-load-state", |
|||
computed: { |
|||
noData() { |
|||
return t('noData') |
|||
}, |
|||
noNetwork() { |
|||
return t('noNetwork') |
|||
}, |
|||
toSet() { |
|||
return t('toSet') |
|||
}, |
|||
error() { |
|||
return t('error') |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
"networkType": "" |
|||
}; |
|||
}, |
|||
props: { |
|||
state: { |
|||
type: Object, |
|||
default () { |
|||
return { |
|||
"loading": true, |
|||
"hasMore": false, |
|||
"pagination": { |
|||
"pages": 0 |
|||
}, |
|||
"data": [], |
|||
"error": {} |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.onNetworkStatusChange(({ |
|||
networkType |
|||
}) => { |
|||
if (this.networkType == 'none' && networkType != 'none') { //之前没网现在有了 |
|||
this.$emit('networkResume') |
|||
} |
|||
this.networkType = networkType; |
|||
}); |
|||
uni.getNetworkType({ |
|||
success: ({ |
|||
networkType |
|||
}) => { |
|||
this.networkType = networkType; |
|||
} |
|||
}); |
|||
}, |
|||
methods: { |
|||
appear() { |
|||
if (!this.state.loading && this.state.hasMore) { |
|||
this.$emit('loadMore') |
|||
} |
|||
}, |
|||
openSettings() { |
|||
if (uni.getSystemInfoSync().platform == "ios") { |
|||
var UIApplication = plus.ios.import("UIApplication"); |
|||
var application2 = UIApplication.sharedApplication(); |
|||
var NSURL2 = plus.ios.import("NSURL"); |
|||
var setting2 = NSURL2.URLWithString("App-prefs:root=General"); |
|||
application2.openURL(setting2); |
|||
plus.ios.deleteObject(setting2); |
|||
plus.ios.deleteObject(NSURL2); |
|||
plus.ios.deleteObject(application2); |
|||
} else { |
|||
var Intent = plus.android.importClass("android.content.Intent"); |
|||
var Settings = plus.android.importClass("android.provider.Settings"); |
|||
var mainActivity = plus.android.runtimeMainActivity(); |
|||
var intent = new Intent(Settings.ACTION_SETTINGS); |
|||
mainActivity.startActivity(intent); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.box { |
|||
flex: 1; |
|||
width: 700rpx; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.uni-load-more{ |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.state-text { |
|||
text-align: center; |
|||
font-size: 26rpx; |
|||
width: 690rpx; |
|||
padding: 10rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
.icon-image { |
|||
width: 300rpx; |
|||
} |
|||
|
|||
.tip-text { |
|||
color: #999999; |
|||
font-size: 32rpx; |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
.btn { |
|||
padding: 5px 10px; |
|||
width: 128px; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
text-align: center; |
|||
} |
|||
|
|||
.btn-text { |
|||
color: #999999; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
.btn-default { |
|||
border-color: #999999; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.error { |
|||
width: 690rpx; |
|||
color: #DD524D; |
|||
} |
|||
</style> |
|||
@ -1,17 +0,0 @@ |
|||
const fs = require('fs') |
|||
const path = require('path') |
|||
const shellExec = require('shell-exec') |
|||
|
|||
const pkgs = fs.readdirSync(path.resolve(__dirname, 'packages')).filter(pkg => pkg.indexOf('.') !== 0) |
|||
|
|||
const version = process.argv[2] |
|||
if (!version) { |
|||
throw new Error('必须传入 version') |
|||
} |
|||
|
|||
(async function() { |
|||
for (let i = 0; i < pkgs.length; i++) { |
|||
console.log(`npm dist-tag add @dcloudio/${pkgs[i]}@${version} latest`); |
|||
await shellExec(`npm dist-tag add @dcloudio/${pkgs[i]}@${version} latest`) |
|||
} |
|||
})(); |
|||
@ -1 +0,0 @@ |
|||
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E})); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,2 +0,0 @@ |
|||
* [简体中文](https://github.com/dcloudio/unidocs-zh) |
|||
* [English](https://github.com/dcloudio/unidocs-en) |
|||
@ -1 +0,0 @@ |
|||
代码已迁移，请移步[https://github.com/dcloudio/hello-uniapp](https://github.com/dcloudio/hello-uniapp)查看最新代码 |
|||
@ -1 +0,0 @@ |
|||
代码已迁移，请移步[https://github.com/dcloudio/uni-template-picture](https://github.com/dcloudio/uni-template-picture)查看最新代码 |
|||
@ -1 +0,0 @@ |
|||
代码已迁移，请移步[https://github.com/dcloudio/uni-template-login](https://github.com/dcloudio/uni-template-login)查看最新代码 |
|||
@ -1,75 +0,0 @@ |
|||
<script> |
|||
import { mapActions, mapMutations } from 'vuex' |
|||
export default { |
|||
created () { |
|||
this.initPage() |
|||
}, |
|||
methods: { |
|||
...mapMutations('weather', { |
|||
setLocation: 'SET_LOCATION' |
|||
}), |
|||
...mapActions('weather', ['getWeather']), |
|||
async initPage() { |
|||
const location = await this.getLocation() |
|||
this.setLocation({ |
|||
location |
|||
}) |
|||
this.getWeather() |
|||
}, |
|||
async getLocation() { |
|||
return await new Promise((resolve, reject) => { |
|||
wx.getLocation({ |
|||
success(location) { |
|||
resolve(location) |
|||
}, |
|||
fail(err) { |
|||
console.log(err) |
|||
reject(err) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.container { |
|||
font-size: 26rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wrapper { |
|||
font-size: 26rpx; |
|||
text-align: left; |
|||
} |
|||
|
|||
* { |
|||
transition: width 2s; |
|||
-moz-transition: width 2s; |
|||
-webkit-transition: width 2s; |
|||
-o-transition: width 2s; |
|||
} |
|||
|
|||
/* font color */ |
|||
* { |
|||
color: #353535; |
|||
} |
|||
.gray { |
|||
color: #808080; |
|||
} |
|||
|
|||
.wxParse { |
|||
text-indent: 2em; |
|||
} |
|||
.wxParse image { |
|||
text-indent: 0; |
|||
} |
|||
.wxParse ._view { |
|||
padding: 0 10rpx; |
|||
text-indent: 0; |
|||
} |
|||
.wxParse .p { |
|||
text-indent: 1em; |
|||
} |
|||
</style> |
|||
@ -1,11 +0,0 @@ |
|||
# uni-one |
|||
|
|||
> 使用uni-app开发的 [「ONE · 一个」](http://wufazhuce.com) |
|||
> 移植自[mpvue-one](https://github.com/feng-fu/mpvue-one/blob/master/README.md) |
|||
> 本项目仅作为mpvue项目移植示例 |
|||
|
|||
## 使用方式 |
|||
将项目拖入[HbuilderX](http://www.dcloud.io/hbuilderx.html),直接运行即可 |
|||
|
|||
## 注意事项 |
|||
* 在小程序中预览提示合法域名校验出错，需打开微信开发者工具内 设置-项目设置，勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”。 |
|||
@ -1,64 +0,0 @@ |
|||
<template> |
|||
<block> |
|||
<view class="title"> |
|||
<text>{{title}}</text> |
|||
</view> |
|||
<view class="author" v-if="user_name"> |
|||
<text>文 / {{user_name}}</text> |
|||
</view> |
|||
<view class="summary" v-if="summary"> |
|||
<view class="line"></view> |
|||
<text>{{summary}}</text> |
|||
</view> |
|||
<wx-parse :content="content"></wx-parse> |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParse from './mpvue-wxparse/wxParse.vue' |
|||
export default { |
|||
props: { |
|||
title: String, |
|||
user_name: String, |
|||
content: String, |
|||
summary: String |
|||
}, |
|||
components: { |
|||
wxParse |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style scoped> |
|||
.title { |
|||
font-size: 36rpx; |
|||
font-weight: 700; |
|||
margin: .8em .8em; |
|||
text-align: center; |
|||
} |
|||
.author { |
|||
color: #cacaca; |
|||
font-size: 24rpx; |
|||
text-align: right; |
|||
padding-right: 2em; |
|||
} |
|||
.summary { |
|||
position: relative; |
|||
color: #b0b0b0; |
|||
font-size: 24rpx; |
|||
white-space: nowrap; |
|||
text-overflow: ellipse; |
|||
padding-left: 40rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
} |
|||
.summary .line { |
|||
position: absolute; |
|||
top: 14rpx; |
|||
left: 20rpx; |
|||
width: 10rpx; |
|||
height: 32rpx; |
|||
background-color: #d0d0d0; |
|||
} |
|||
</style> |
|||
@ -1,89 +0,0 @@ |
|||
<template> |
|||
<block> |
|||
<view class="list-container" v-if="movie.subtitle"> |
|||
<view class="content"> |
|||
<view class="view-title title"> |
|||
<text>{{movie.title}}</text> |
|||
</view> |
|||
<view class="author"> |
|||
<!-- <text>{{movie.author_list[0].user_name}} —— </text> --> |
|||
<!-- <text>{{movie.author_list[0].desc}}</text> --> |
|||
<text>{{movie.subtitle}}</text> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<image class="avatar" :src="movie.img_url || 'https://petrify.oss-cn-beijing.aliyuncs.com/arrow-right.png'" /> |
|||
</view> |
|||
</view> |
|||
<block v-else> |
|||
<view class="only-title title"> |
|||
<text>{{movie.title}}</text> |
|||
<image class="arraw" src="https://petrify.oss-cn-beijing.aliyuncs.com/arrow-right.png" /> |
|||
</view> |
|||
</block> |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
movie: Object |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.title { |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
margin-bottom: 10rpx; |
|||
font-weight: bold; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.only-title { |
|||
height: 100%; |
|||
line-height: 170rpx; |
|||
text-align: left; |
|||
padding-left: 20rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.only-title text { |
|||
width: 680rpx; |
|||
} |
|||
|
|||
.arraw { |
|||
width: 28rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.view-title { |
|||
text-align: left; |
|||
} |
|||
|
|||
.avatar { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
padding-right: 20rpx; |
|||
} |
|||
|
|||
.list-container { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 100%; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.content { |
|||
width: 600rpx; |
|||
} |
|||
|
|||
.author { |
|||
text-align: left; |
|||
color: #979794; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,97 +0,0 @@ |
|||
<template> |
|||
<image |
|||
class="img" |
|||
:mode="node.image.mode" |
|||
:lazy-load="node.image.lazyLoad" |
|||
:class="node.classStr" |
|||
:style="fitStyleStr" |
|||
:data-src="node.attr.src" |
|||
:src="node.attr.src" |
|||
@tap="wxParseImgTap" |
|||
@load="wxParseImgLoad" |
|||
/> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'wxParseImg', |
|||
data() { |
|||
return { |
|||
realWindowWidth: 0, |
|||
realWindowHeight: 0, |
|||
newStyleStr: '', |
|||
}; |
|||
}, |
|||
props: { |
|||
node: { |
|||
type: Object, |
|||
default() { |
|||
return {}; |
|||
}, |
|||
}, |
|||
}, |
|||
mounted() { |
|||
this.getSysWH(); |
|||
}, |
|||
computed: { |
|||
fitStyleStr() { |
|||
return this.newStyleStr || this.node.styleStr; |
|||
}, |
|||
}, |
|||
methods: { |
|||
getSysWH() { |
|||
// 获取当前设备屏幕宽度和高度, 写在这里只是为了方便调试, 最好是写到 wxParse.vue 再传入 |
|||
wx.getSystemInfo({ |
|||
success: (res) => { |
|||
this.realWindowWidth = res.windowWidth; |
|||
this.realWindowHeight = res.windowHeight; |
|||
}, |
|||
}); |
|||
}, |
|||
wxParseImgTap(e) { |
|||
const { src } = e.target.dataset; |
|||
if (!src) return; |
|||
wx.previewImage({ |
|||
current: src, // 当前显示图片的http链接 |
|||
urls: this.node.image.urls, // 需要预览的图片http链接列表 |
|||
}); |
|||
}, |
|||
// 图片视觉宽高计算函数区 |
|||
wxParseImgLoad(e) { |
|||
const { src } = e.target.dataset; |
|||
if (!src) return; |
|||
if (typeof src !== 'undefined' && src !== '' && src !== null) { |
|||
this.calMoreImageInfo(e); |
|||
} |
|||
}, |
|||
// 假循环获取计算图片视觉最佳宽高 |
|||
calMoreImageInfo(e) { |
|||
const { width, height } = e.mp.detail; |
|||
const recal = this.wxAutoImageCal(width, height); |
|||
const { imageheight, imageWidth } = recal; |
|||
const { padding } = this.node.image; |
|||
this.newStyleStr = `height: ${imageheight}px; width: ${imageWidth}px; padding: 0 ${padding}px;`; |
|||
}, |
|||
// 计算视觉优先的图片宽高 |
|||
wxAutoImageCal(originalWidth, originalHeight) { |
|||
// 获取图片的原始长宽 |
|||
const { padding } = this.node.image; |
|||
const windowWidth = this.realWindowWidth - (2 * padding); |
|||
const results = {}; |
|||
|
|||
// 判断按照那种方式进行缩放 |
|||
if (originalWidth > windowWidth) { |
|||
// 在图片width大于手机屏幕width时候 |
|||
results.imageWidth = windowWidth; |
|||
results.imageheight = windowWidth * (originalHeight / originalWidth); |
|||
} else { |
|||
// 否则展示原来的数据 |
|||
results.imageWidth = originalWidth; |
|||
results.imageheight = originalHeight; |
|||
} |
|||
|
|||
return results; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,101 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--table类型--> |
|||
<block v-else-if="node.tag == 'table'"> |
|||
<view :class="node.classStr" class="table" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate1'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate0', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate2'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate1', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate11'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate10', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,80 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<!--button类型--> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
{{node.text}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
{{node.text}} |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
{{node.text}} |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
{{node.text}} |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate11', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate3'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate2', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate4'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate3', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate5'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate4', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
s<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate6'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate5', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate7'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate6', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate8'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate7', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate9'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate8', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<!--判断是否是标签节点--> |
|||
<block v-if="node.node == 'element'"> |
|||
<block v-if="node.tag == 'button'"> |
|||
<button type="default" size="mini"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</button> |
|||
</block> |
|||
|
|||
<!--li类型--> |
|||
<block v-else-if="node.tag == 'li'"> |
|||
<view :class="node.classStr" class="li" :style="node.styleStr"> |
|||
<view :class="node.classStr" class="li-inner"> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<view :class="node.classStr" class="li-circle"></view> |
|||
</view> |
|||
<view :class="node.classStr" class="li-text"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--video类型--> |
|||
<block v-else-if="node.tag == 'video'"> |
|||
<wx-parse-video :node="node" /> |
|||
</block> |
|||
|
|||
<!--img类型--> |
|||
<block v-else-if="node.tag == 'img'"> |
|||
<wx-parse-img :node="node" /> |
|||
</block> |
|||
|
|||
<!--a类型--> |
|||
<block v-else-if="node.tag == 'a'"> |
|||
<view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--br类型--> |
|||
<block v-else-if="node.tag == 'br'"> |
|||
<text>\n</text> |
|||
</block> |
|||
|
|||
<!--其他块级标签--> |
|||
<block v-else-if="node.tagType == 'block' && node.tag !== 'script'"> |
|||
<view :class="[node.classStr, node.tag]" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
</block> |
|||
|
|||
<!--内联标签--> |
|||
<view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr"> |
|||
<block v-for="node of node.nodes" :key="node.index"> |
|||
<wx-parse-template :node="node" /> |
|||
</block> |
|||
</view> |
|||
|
|||
</block> |
|||
|
|||
<!--判断是否是文本节点--> |
|||
<block v-else-if="node.node == 'text'"> |
|||
{{node.text}} |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import wxParseTemplate from './wxParseTemplate10'; |
|||
import wxParseImg from './wxParseImg'; |
|||
import wxParseVideo from './wxParseVideo'; |
|||
|
|||
export default { |
|||
name: 'wxParseTemplate9', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
wxParseImg, |
|||
wxParseVideo, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,15 +0,0 @@ |
|||
<template> |
|||
<!--增加video标签支持，并循环添加--> |
|||
<view :class="node.classStr" class="video" :style="node.styleStr"> |
|||
<video :class="node.classStr" class="video-video" :src="node.attr.src"></video> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'wxParseVideo', |
|||
props: { |
|||
node: {}, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,252 +0,0 @@ |
|||
/** |
|||
* html2Json 改造来自: https://github.com/Jxck/html2json
|
|||
* |
|||
* |
|||
* author: Di (微信小程序开发工程师) |
|||
* organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
|
|||
* 垂直微信小程序开发交流社区 |
|||
* |
|||
* github地址: https://github.com/icindy/wxParse
|
|||
* |
|||
* for: 微信小程序富文本解析 |
|||
* detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
|
|||
*/ |
|||
|
|||
import wxDiscode from './wxDiscode'; |
|||
import HTMLParser from './htmlparser'; |
|||
|
|||
const placeImgeUrlHttps = 'https'; |
|||
|
|||
function makeMap(str) { |
|||
const obj = {}; |
|||
const items = str.split(','); |
|||
for (let i = 0; i < items.length; i += 1) obj[items[i]] = true; |
|||
return obj; |
|||
} |
|||
|
|||
// Block Elements - HTML 5
|
|||
const block = makeMap('br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video'); |
|||
|
|||
// Inline Elements - HTML 5
|
|||
const inline = makeMap('abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var'); |
|||
|
|||
// Elements that you can, intentionally, leave open
|
|||
// (and which close themselves)
|
|||
const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr'); |
|||
|
|||
function removeDOCTYPE(html) { |
|||
return html |
|||
.replace(/<\?xml.*\\?>\n/, '') |
|||
.replace(/<.*!doctype.*\\>\n/, '') |
|||
.replace(/<.*!DOCTYPE.*\\>\n/, ''); |
|||
} |
|||
|
|||
function trimHtml(html) { |
|||
return html |
|||
.replace(/<!--.*?-->/gi, '') |
|||
.replace(/\/\*.*?\*\//gi, '') |
|||
.replace(/[ ]+</gi, '<'); |
|||
} |
|||
|
|||
function html2json(html, image, debug) { |
|||
// 处理字符串
|
|||
html = removeDOCTYPE(html); |
|||
html = trimHtml(html); |
|||
html = wxDiscode.strDiscode(html); |
|||
// 生成node节点
|
|||
const bufArray = []; |
|||
const results = { |
|||
nodes: [], |
|||
images: [], |
|||
imageUrls: [], |
|||
}; |
|||
let index = 0; |
|||
|
|||
image.urls = results.imageUrls; |
|||
|
|||
HTMLParser(html, { |
|||
start(tag, attrs, unary) { |
|||
// node for this element
|
|||
const node = { |
|||
node: 'element', |
|||
tag, |
|||
}; |
|||
|
|||
if (bufArray.length === 0) { |
|||
node.index = index.toString(); |
|||
index += 1; |
|||
} else { |
|||
const parent = bufArray[0]; |
|||
if (parent.nodes === undefined) { |
|||
parent.nodes = []; |
|||
} |
|||
node.index = `${parent.index}.${parent.nodes.length}`; |
|||
} |
|||
|
|||
if (block[tag]) { |
|||
node.tagType = 'block'; |
|||
} else if (inline[tag]) { |
|||
node.tagType = 'inline'; |
|||
} else if (closeSelf[tag]) { |
|||
node.tagType = 'closeSelf'; |
|||
} |
|||
|
|||
node.attr = attrs.reduce((pre, attr) => { |
|||
const { name } = attr; |
|||
let { value } = attr; |
|||
if (name === 'class') { |
|||
if (debug) console.dir(value); |
|||
// value = value.join("")
|
|||
node.classStr = value; |
|||
} |
|||
// has multi attibutes
|
|||
// make it array of attribute
|
|||
if (name === 'style') { |
|||
if (debug) console.dir(value); |
|||
// value = value.join("")
|
|||
node.styleStr = value; |
|||
} |
|||
if (value.match(/ /)) { |
|||
value = value.split(' '); |
|||
} |
|||
|
|||
// if attr already exists
|
|||
// merge it
|
|||
if (pre[name]) { |
|||
if (Array.isArray(pre[name])) { |
|||
// already array, push to last
|
|||
pre[name].push(value); |
|||
} else { |
|||
// single value, make it array
|
|||
pre[name] = [pre[name], value]; |
|||
} |
|||
} else { |
|||
// not exist, put it
|
|||
pre[name] = value; |
|||
} |
|||
|
|||
return pre; |
|||
}, {}); |
|||
|
|||
// 对img添加额外数据
|
|||
if (node.tag === 'img') { |
|||
node.imgIndex = results.images.length; |
|||
let imgUrl = node.attr.src; |
|||
imgUrl = wxDiscode.urlToHttpUrl(imgUrl, placeImgeUrlHttps); |
|||
node.attr.src = imgUrl || ''; |
|||
node.image = image; |
|||
if (imgUrl) { |
|||
results.images.push(node); |
|||
results.imageUrls.push(imgUrl); |
|||
} |
|||
} |
|||
|
|||
// 处理a标签属性
|
|||
if (node.tag === 'a') { |
|||
node.attr.href = node.attr.href || ''; |
|||
} |
|||
|
|||
// 处理font标签样式属性
|
|||
if (node.tag === 'font') { |
|||
const fontSize = [ |
|||
'x-small', |
|||
'small', |
|||
'medium', |
|||
'large', |
|||
'x-large', |
|||
'xx-large', |
|||
'-webkit-xxx-large', |
|||
]; |
|||
const styleAttrs = { |
|||
color: 'color', |
|||
face: 'font-family', |
|||
size: 'font-size', |
|||
}; |
|||
if (!node.attr.style) node.attr.style = []; |
|||
if (!node.styleStr) node.styleStr = ''; |
|||
Object.keys(styleAttrs).forEach((key) => { |
|||
if (node.attr[key]) { |
|||
const value = key === 'size' ? fontSize[node.attr[key] - 1] : node.attr[key]; |
|||
node.attr.style.push(styleAttrs[key]); |
|||
node.attr.style.push(value); |
|||
node.styleStr += `${styleAttrs[key]}: ${value};`; |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 临时记录source资源
|
|||
if (node.tag === 'source') { |
|||
results.source = node.attr.src; |
|||
} |
|||
|
|||
if (unary) { |
|||
// if this tag doesn't have end tag
|
|||
// like <img src="hoge.png"/>
|
|||
// add to parents
|
|||
const parent = bufArray[0] || results; |
|||
if (parent.nodes === undefined) { |
|||
parent.nodes = []; |
|||
} |
|||
parent.nodes.push(node); |
|||
} else { |
|||
bufArray.unshift(node); |
|||
} |
|||
}, |
|||
end(tag) { |
|||
// merge into parent tag
|
|||
const node = bufArray.shift(); |
|||
if (node.tag !== tag && debug) { |
|||
console.error('invalid state: mismatch end tag'); |
|||
} |
|||
|
|||
// 当有缓存source资源时于于video补上src资源
|
|||
if (node.tag === 'video' && results.source) { |
|||
node.attr.src = results.source; |
|||
delete results.source; |
|||
} |
|||
|
|||
if (bufArray.length === 0) { |
|||
results.nodes.push(node); |
|||
} else { |
|||
const parent = bufArray[0]; |
|||
if (parent.nodes === undefined) { |
|||
parent.nodes = []; |
|||
} |
|||
parent.nodes.push(node); |
|||
} |
|||
}, |
|||
chars(text) { |
|||
const node = { |
|||
node: 'text', |
|||
text: text.trim(), |
|||
}; |
|||
|
|||
if (bufArray.length === 0) { |
|||
node.index = index.toString(); |
|||
index += 1; |
|||
results.nodes.push(node); |
|||
} else { |
|||
const parent = bufArray[0]; |
|||
if (parent.nodes === undefined) { |
|||
parent.nodes = []; |
|||
} |
|||
node.index = `${parent.index}.${parent.nodes.length}`; |
|||
parent.nodes.push(node); |
|||
} |
|||
}, |
|||
comment(text) { |
|||
const node = { |
|||
node: 'comment', |
|||
text, |
|||
}; |
|||
const parent = bufArray[0]; |
|||
if (parent.nodes === undefined) { |
|||
parent.nodes = []; |
|||
} |
|||
parent.nodes.push(node); |
|||
}, |
|||
}); |
|||
return results; |
|||
} |
|||
|
|||
export default html2json; |
|||
@ -1,188 +0,0 @@ |
|||
/** |
|||
* |
|||
* htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser
|
|||
* |
|||
* author: Di (微信小程序开发工程师) |
|||
* organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
|
|||
* 垂直微信小程序开发交流社区 |
|||
* |
|||
* github地址: https://github.com/icindy/wxParse
|
|||
* |
|||
* for: 微信小程序富文本解析 |
|||
* detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
|
|||
*/ |
|||
// Regular Expressions for parsing tags and attributes
|
|||
|
|||
const startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z0-9_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/; |
|||
const endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/; |
|||
const attr = /([a-zA-Z0-9_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g; |
|||
|
|||
function makeMap(str) { |
|||
const obj = {}; |
|||
const items = str.split(','); |
|||
for (let i = 0; i < items.length; i += 1) obj[items[i]] = true; |
|||
return obj; |
|||
} |
|||
|
|||
// Empty Elements - HTML 5
|
|||
const empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr'); |
|||
|
|||
// Block Elements - HTML 5
|
|||
const block = makeMap('a,address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video'); |
|||
|
|||
// Inline Elements - HTML 5
|
|||
const inline = makeMap('abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var'); |
|||
|
|||
// Elements that you can, intentionally, leave open
|
|||
// (and which close themselves)
|
|||
const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr'); |
|||
|
|||
// Attributes that have their values filled in disabled="disabled"
|
|||
const fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected'); |
|||
|
|||
// Special Elements (can contain anything)
|
|||
const special = makeMap('script,style,view,scroll-view,block'); |
|||
|
|||
function HTMLParser(html, handler) { |
|||
let index; |
|||
let chars; |
|||
let match; |
|||
let last = html; |
|||
const stack = []; |
|||
|
|||
stack.last = () => stack[stack.length - 1]; |
|||
|
|||
function parseEndTag(tag, tagName) { |
|||
// If no tag name is provided, clean shop
|
|||
let pos; |
|||
if (!tagName) { |
|||
pos = 0; |
|||
} else { |
|||
// Find the closest opened tag of the same type
|
|||
tagName = tagName.toLowerCase(); |
|||
for (pos = stack.length - 1; pos >= 0; pos -= 1) { |
|||
if (stack[pos] === tagName) break; |
|||
} |
|||
} |
|||
if (pos >= 0) { |
|||
// Close all the open elements, up the stack
|
|||
for (let i = stack.length - 1; i >= pos; i -= 1) { |
|||
if (handler.end) handler.end(stack[i]); |
|||
} |
|||
|
|||
// Remove the open elements from the stack
|
|||
stack.length = pos; |
|||
} |
|||
} |
|||
|
|||
function parseStartTag(tag, tagName, rest, unary) { |
|||
tagName = tagName.toLowerCase(); |
|||
|
|||
if (block[tagName]) { |
|||
while (stack.last() && inline[stack.last()]) { |
|||
parseEndTag('', stack.last()); |
|||
} |
|||
} |
|||
|
|||
if (closeSelf[tagName] && stack.last() === tagName) { |
|||
parseEndTag('', tagName); |
|||
} |
|||
|
|||
unary = empty[tagName] || !!unary; |
|||
|
|||
if (!unary) stack.push(tagName); |
|||
|
|||
if (handler.start) { |
|||
const attrs = []; |
|||
|
|||
rest.replace(attr, function genAttr(matches, name) { |
|||
const value = arguments[2] || arguments[3] || arguments[4] || (fillAttrs[name] ? name : ''); |
|||
|
|||
attrs.push({ |
|||
name, |
|||
value, |
|||
escaped: value.replace(/(^|[^\\])"/g, '$1\\"'), // "
|
|||
}); |
|||
}); |
|||
|
|||
if (handler.start) { |
|||
handler.start(tagName, attrs, unary); |
|||
} |
|||
} |
|||
} |
|||
|
|||
while (html) { |
|||
chars = true; |
|||
|
|||
// Make sure we're not in a script or style element
|
|||
if (!stack.last() || !special[stack.last()]) { |
|||
// Comment
|
|||
if (html.indexOf('<!--') === 0) { |
|||
index = html.indexOf('-->'); |
|||
|
|||
if (index >= 0) { |
|||
if (handler.comment) handler.comment(html.substring(4, index)); |
|||
html = html.substring(index + 3); |
|||
chars = false; |
|||
} |
|||
|
|||
// end tag
|
|||
} else if (html.indexOf('</') === 0) { |
|||
match = html.match(endTag); |
|||
|
|||
if (match) { |
|||
html = html.substring(match[0].length); |
|||
match[0].replace(endTag, parseEndTag); |
|||
chars = false; |
|||
} |
|||
|
|||
// start tag
|
|||
} else if (html.indexOf('<') === 0) { |
|||
match = html.match(startTag); |
|||
|
|||
if (match) { |
|||
html = html.substring(match[0].length); |
|||
match[0].replace(startTag, parseStartTag); |
|||
chars = false; |
|||
} |
|||
} |
|||
|
|||
if (chars) { |
|||
index = html.indexOf('<'); |
|||
let text = ''; |
|||
while (index === 0) { |
|||
text += '<'; |
|||
html = html.substring(1); |
|||
index = html.indexOf('<'); |
|||
} |
|||
text += index < 0 ? html : html.substring(0, index); |
|||
html = index < 0 ? '' : html.substring(index); |
|||
|
|||
if (handler.chars) handler.chars(text); |
|||
} |
|||
} else { |
|||
html = html.replace( |
|||
new RegExp(`([\\s\\S]*?)</${stack.last()}[^>]*>`), |
|||
(all, text) => { |
|||
text = text.replace( |
|||
/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g, |
|||
'$1$2', |
|||
); |
|||
if (handler.chars) handler.chars(text); |
|||
|
|||
return ''; |
|||
}, |
|||
); |
|||
|
|||
parseEndTag('', stack.last()); |
|||
} |
|||
|
|||
if (html === last) throw new Error(`Parse Error: ${html}`); |
|||
last = html; |
|||
} |
|||
|
|||
// Clean up any remaining tags
|
|||
parseEndTag(); |
|||
} |
|||
|
|||
export default HTMLParser; |
|||
@ -1,197 +0,0 @@ |
|||
// HTML 支持的数学符号
|
|||
function strNumDiscode(str) { |
|||
str = str.replace(/∀/g, '∀'); |
|||
str = str.replace(/∂/g, '∂'); |
|||
str = str.replace(/∃/g, '∃'); |
|||
str = str.replace(/∅/g, '∅'); |
|||
str = str.replace(/∇/g, '∇'); |
|||
str = str.replace(/∈/g, '∈'); |
|||
str = str.replace(/∉/g, '∉'); |
|||
str = str.replace(/∋/g, '∋'); |
|||
str = str.replace(/∏/g, '∏'); |
|||
str = str.replace(/∑/g, '∑'); |
|||
str = str.replace(/−/g, '−'); |
|||
str = str.replace(/∗/g, '∗'); |
|||
str = str.replace(/√/g, '√'); |
|||
str = str.replace(/∝/g, '∝'); |
|||
str = str.replace(/∞/g, '∞'); |
|||
str = str.replace(/∠/g, '∠'); |
|||
str = str.replace(/∧/g, '∧'); |
|||
str = str.replace(/∨/g, '∨'); |
|||
str = str.replace(/∩/g, '∩'); |
|||
str = str.replace(/∪/g, '∪'); |
|||
str = str.replace(/∫/g, '∫'); |
|||
str = str.replace(/∴/g, '∴'); |
|||
str = str.replace(/∼/g, '∼'); |
|||
str = str.replace(/≅/g, '≅'); |
|||
str = str.replace(/≈/g, '≈'); |
|||
str = str.replace(/≠/g, '≠'); |
|||
str = str.replace(/≤/g, '≤'); |
|||
str = str.replace(/≥/g, '≥'); |
|||
str = str.replace(/⊂/g, '⊂'); |
|||
str = str.replace(/⊃/g, '⊃'); |
|||
str = str.replace(/⊄/g, '⊄'); |
|||
str = str.replace(/⊆/g, '⊆'); |
|||
str = str.replace(/⊇/g, '⊇'); |
|||
str = str.replace(/⊕/g, '⊕'); |
|||
str = str.replace(/⊗/g, '⊗'); |
|||
str = str.replace(/⊥/g, '⊥'); |
|||
str = str.replace(/⋅/g, '⋅'); |
|||
return str; |
|||
} |
|||
|
|||
// HTML 支持的希腊字母
|
|||
function strGreeceDiscode(str) { |
|||
str = str.replace(/Α/g, 'Α'); |
|||
str = str.replace(/Β/g, 'Β'); |
|||
str = str.replace(/Γ/g, 'Γ'); |
|||
str = str.replace(/Δ/g, 'Δ'); |
|||
str = str.replace(/Ε/g, 'Ε'); |
|||
str = str.replace(/Ζ/g, 'Ζ'); |
|||
str = str.replace(/Η/g, 'Η'); |
|||
str = str.replace(/Θ/g, 'Θ'); |
|||
str = str.replace(/Ι/g, 'Ι'); |
|||
str = str.replace(/Κ/g, 'Κ'); |
|||
str = str.replace(/Λ/g, 'Λ'); |
|||
str = str.replace(/Μ/g, 'Μ'); |
|||
str = str.replace(/Ν/g, 'Ν'); |
|||
str = str.replace(/Ξ/g, 'Ν'); |
|||
str = str.replace(/Ο/g, 'Ο'); |
|||
str = str.replace(/Π/g, 'Π'); |
|||
str = str.replace(/Ρ/g, 'Ρ'); |
|||
str = str.replace(/Σ/g, 'Σ'); |
|||
str = str.replace(/Τ/g, 'Τ'); |
|||
str = str.replace(/Υ/g, 'Υ'); |
|||
str = str.replace(/Φ/g, 'Φ'); |
|||
str = str.replace(/Χ/g, 'Χ'); |
|||
str = str.replace(/Ψ/g, 'Ψ'); |
|||
str = str.replace(/Ω/g, 'Ω'); |
|||
|
|||
str = str.replace(/α/g, 'α'); |
|||
str = str.replace(/β/g, 'β'); |
|||
str = str.replace(/γ/g, 'γ'); |
|||
str = str.replace(/δ/g, 'δ'); |
|||
str = str.replace(/ε/g, 'ε'); |
|||
str = str.replace(/ζ/g, 'ζ'); |
|||
str = str.replace(/η/g, 'η'); |
|||
str = str.replace(/θ/g, 'θ'); |
|||
str = str.replace(/ι/g, 'ι'); |
|||
str = str.replace(/κ/g, 'κ'); |
|||
str = str.replace(/λ/g, 'λ'); |
|||
str = str.replace(/μ/g, 'μ'); |
|||
str = str.replace(/ν/g, 'ν'); |
|||
str = str.replace(/ξ/g, 'ξ'); |
|||
str = str.replace(/ο/g, 'ο'); |
|||
str = str.replace(/π/g, 'π'); |
|||
str = str.replace(/ρ/g, 'ρ'); |
|||
str = str.replace(/ς/g, 'ς'); |
|||
str = str.replace(/σ/g, 'σ'); |
|||
str = str.replace(/τ/g, 'τ'); |
|||
str = str.replace(/υ/g, 'υ'); |
|||
str = str.replace(/φ/g, 'φ'); |
|||
str = str.replace(/χ/g, 'χ'); |
|||
str = str.replace(/ψ/g, 'ψ'); |
|||
str = str.replace(/ω/g, 'ω'); |
|||
str = str.replace(/ϑ/g, 'ϑ'); |
|||
str = str.replace(/ϒ/g, 'ϒ'); |
|||
str = str.replace(/ϖ/g, 'ϖ'); |
|||
str = str.replace(/·/g, '·'); |
|||
return str; |
|||
} |
|||
|
|||
//
|
|||
|
|||
function strcharacterDiscode(str) { |
|||
// 加入常用解析
|
|||
str = str.replace(/ /g, ' '); |
|||
str = str.replace(/"/g, "'"); |
|||
str = str.replace(/&/g, '&'); |
|||
// str = str.replace(/</g, '‹');
|
|||
// str = str.replace(/>/g, '›');
|
|||
|
|||
str = str.replace(/</g, '<'); |
|||
str = str.replace(/>/g, '>'); |
|||
str = str.replace(/•/g, '•'); |
|||
|
|||
return str; |
|||
} |
|||
|
|||
// HTML 支持的其他实体
|
|||
function strOtherDiscode(str) { |
|||
str = str.replace(/Œ/g, 'Œ'); |
|||
str = str.replace(/œ/g, 'œ'); |
|||
str = str.replace(/Š/g, 'Š'); |
|||
str = str.replace(/š/g, 'š'); |
|||
str = str.replace(/Ÿ/g, 'Ÿ'); |
|||
str = str.replace(/ƒ/g, 'ƒ'); |
|||
str = str.replace(/ˆ/g, 'ˆ'); |
|||
str = str.replace(/˜/g, '˜'); |
|||
str = str.replace(/ /g, ''); |
|||
str = str.replace(/ /g, ''); |
|||
str = str.replace(/ /g, ''); |
|||
str = str.replace(/‌/g, ''); |
|||
str = str.replace(/‍/g, ''); |
|||
str = str.replace(/‎/g, ''); |
|||
str = str.replace(/‏/g, ''); |
|||
str = str.replace(/–/g, '–'); |
|||
str = str.replace(/—/g, '—'); |
|||
str = str.replace(/‘/g, '‘'); |
|||
str = str.replace(/’/g, '’'); |
|||
str = str.replace(/‚/g, '‚'); |
|||
str = str.replace(/“/g, '“'); |
|||
str = str.replace(/”/g, '”'); |
|||
str = str.replace(/„/g, '„'); |
|||
str = str.replace(/†/g, '†'); |
|||
str = str.replace(/‡/g, '‡'); |
|||
str = str.replace(/•/g, '•'); |
|||
str = str.replace(/…/g, '…'); |
|||
str = str.replace(/‰/g, '‰'); |
|||
str = str.replace(/′/g, '′'); |
|||
str = str.replace(/″/g, '″'); |
|||
str = str.replace(/‹/g, '‹'); |
|||
str = str.replace(/›/g, '›'); |
|||
str = str.replace(/‾/g, '‾'); |
|||
str = str.replace(/€/g, '€'); |
|||
str = str.replace(/™/g, '™'); |
|||
|
|||
str = str.replace(/←/g, '←'); |
|||
str = str.replace(/↑/g, '↑'); |
|||
str = str.replace(/→/g, '→'); |
|||
str = str.replace(/↓/g, '↓'); |
|||
str = str.replace(/↔/g, '↔'); |
|||
str = str.replace(/↵/g, '↵'); |
|||
str = str.replace(/⌈/g, '⌈'); |
|||
str = str.replace(/⌉/g, '⌉'); |
|||
|
|||
str = str.replace(/⌊/g, '⌊'); |
|||
str = str.replace(/⌋/g, '⌋'); |
|||
str = str.replace(/◊/g, '◊'); |
|||
str = str.replace(/♠/g, '♠'); |
|||
str = str.replace(/♣/g, '♣'); |
|||
str = str.replace(/♥/g, '♥'); |
|||
|
|||
str = str.replace(/♦/g, '♦'); |
|||
str = str.replace(/'/g, "'"); |
|||
return str; |
|||
} |
|||
|
|||
function strDiscode(str) { |
|||
str = strNumDiscode(str); |
|||
str = strGreeceDiscode(str); |
|||
str = strcharacterDiscode(str); |
|||
str = strOtherDiscode(str); |
|||
return str; |
|||
} |
|||
function urlToHttpUrl(url, rep) { |
|||
const patt1 = new RegExp('^//'); |
|||
const result = patt1.test(url); |
|||
if (result) { |
|||
url = `${rep}:${url}`; |
|||
} |
|||
return url; |
|||
} |
|||
|
|||
export default { |
|||
strDiscode, |
|||
urlToHttpUrl, |
|||
}; |
|||
@ -1,257 +0,0 @@ |
|||
/** |
|||
* author: Di (微信小程序开发工程师) |
|||
* organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com) |
|||
* 垂直微信小程序开发交流社区 |
|||
* |
|||
* github地址: https://github.com/icindy/wxParse |
|||
* |
|||
* for: 微信小程序富文本解析 |
|||
* detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184 |
|||
*/ |
|||
|
|||
.wxParse { |
|||
width: 100%; |
|||
font-family: Helvetica, sans-serif; |
|||
font-size: 28rpx; |
|||
color: #666; |
|||
line-height: 1.8; |
|||
} |
|||
|
|||
view { |
|||
word-break: hyphenate; |
|||
} |
|||
|
|||
.wxParse .inline { |
|||
display: inline; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/*//标题 */ |
|||
.wxParse .div { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.wxParse .h1 { |
|||
font-size: 2em; |
|||
margin: 0.67em 0; |
|||
} |
|||
.wxParse .h2 { |
|||
font-size: 1.5em; |
|||
margin: 0.83em 0; |
|||
} |
|||
.wxParse .h3 { |
|||
font-size: 1.17em; |
|||
margin: 1em 0; |
|||
} |
|||
.wxParse .h4 { |
|||
margin: 1.33em 0; |
|||
} |
|||
.wxParse .h5 { |
|||
font-size: 0.83em; |
|||
margin: 1.67em 0; |
|||
} |
|||
.wxParse .h6 { |
|||
font-size: 0.67em; |
|||
margin: 2.33em 0; |
|||
} |
|||
|
|||
.wxParse .h1, |
|||
.wxParse .h2, |
|||
.wxParse .h3, |
|||
.wxParse .h4, |
|||
.wxParse .h5, |
|||
.wxParse .h6, |
|||
.wxParse .b, |
|||
.wxParse .strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
.wxParse .p { |
|||
margin: 1em 0; |
|||
} |
|||
|
|||
.wxParse .i, |
|||
.wxParse .cite, |
|||
.wxParse .em, |
|||
.wxParse .var, |
|||
.wxParse .address { |
|||
font-style: italic; |
|||
} |
|||
|
|||
.wxParse .pre, |
|||
.wxParse .tt, |
|||
.wxParse .code, |
|||
.wxParse .kbd, |
|||
.wxParse .samp { |
|||
font-family: monospace; |
|||
} |
|||
|
|||
.wxParse .pre { |
|||
background: #f5f5f5; |
|||
padding: 16rpx; |
|||
white-space: pre-wrap; |
|||
} |
|||
|
|||
.wxParse .big { |
|||
font-size: 1.17em; |
|||
} |
|||
|
|||
.wxParse .small, |
|||
.wxParse .sub, |
|||
.wxParse .sup { |
|||
font-size: 0.83em; |
|||
} |
|||
|
|||
.wxParse .sub { |
|||
vertical-align: sub; |
|||
} |
|||
.wxParse .sup { |
|||
vertical-align: super; |
|||
} |
|||
|
|||
.wxParse .s, |
|||
.wxParse .strike, |
|||
.wxParse .del { |
|||
text-decoration: line-through; |
|||
} |
|||
|
|||
/*wxparse-自定义个性化的css样式*/ |
|||
/*增加video的css样式*/ |
|||
.wxParse .strong, |
|||
.wxParse .s { |
|||
display: inline; |
|||
} |
|||
|
|||
.wxParse .a { |
|||
color: deepskyblue; |
|||
word-break: break-all; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.wxParse .video { |
|||
text-align: center; |
|||
margin: 20rpx 0; |
|||
} |
|||
|
|||
.wxParse .video-video { |
|||
width: 100%; |
|||
} |
|||
|
|||
.wxParse .img { |
|||
width: 0; |
|||
height: 0; |
|||
max-width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.wxParse .blockquote { |
|||
margin: 10rpx 0; |
|||
padding: 20rpx 0 20rpx 20rpx; |
|||
font-family: Courier, Calibri, "宋体"; |
|||
background: #f5f5f5; |
|||
border-left: 6rpx solid #dbdbdb; |
|||
} |
|||
.wxParse .blockquote .p { |
|||
margin: 0; |
|||
} |
|||
|
|||
.wxParse .code { |
|||
display: inline; |
|||
background: #f5f5f5; |
|||
} |
|||
.wxParse .ul { |
|||
margin: 20rpx 10rpx; |
|||
} |
|||
|
|||
.wxParse .li, |
|||
.wxParse .li-inner { |
|||
display: flex; |
|||
align-items: baseline; |
|||
margin: 10rpx 0; |
|||
} |
|||
|
|||
.wxParse .li-text { |
|||
display: flex; |
|||
align-items: center; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.wxParse .li-circle { |
|||
display: inline-flex; |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
background-color: #333; |
|||
margin-right: 10rpx; |
|||
border-radius: 50%; |
|||
position: relative; |
|||
top: -5rpx; |
|||
} |
|||
|
|||
.wxParse .li-square { |
|||
display: inline-flex; |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
background-color: #333; |
|||
margin-right: 10rpx; |
|||
} |
|||
.wxParse .li-ring { |
|||
display: inline-flex; |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
border: 2rpx solid #333; |
|||
border-radius: 50%; |
|||
background-color: #fff; |
|||
margin-right: 10rpx; |
|||
} |
|||
|
|||
.wxParse .table { |
|||
width: 100%; |
|||
border-top: 2rpx solid #e0e0e0; |
|||
} |
|||
.wxParse .thead,.wxParse .tfoot,.wxParse .tr { |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.wxParse .th,.wxParse .td { |
|||
display: flex; |
|||
width: 1160rpx; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.wxParse .u { |
|||
text-decoration: underline; |
|||
} |
|||
.wxParse .hide { |
|||
display: none; |
|||
} |
|||
.wxParseText { |
|||
align-items: center; |
|||
} |
|||
.wxParse .tr { |
|||
width:100%; |
|||
display: flex; |
|||
border-right: 2rpx solid #e0e0e0; |
|||
border-bottom: 2rpx solid #e0e0e0; |
|||
} |
|||
.wxParse .th, |
|||
.wxParse .td { |
|||
flex: 1; |
|||
padding: 10rpx; |
|||
border-left: 2rpx solid #e0e0e0; |
|||
word-break: break-all; |
|||
} |
|||
.wxParse .td:last { |
|||
border-top: 2rpx solid #e0e0e0; |
|||
} |
|||
.wxParse .th { |
|||
background: #f0f0f0; |
|||
border-top: 2rpx solid #e0e0e0; |
|||
} |
|||
.wxParse .del { |
|||
display: inline; |
|||
} |
|||
.wxParse .figure { |
|||
overflow: hidden; |
|||
} |
|||
@ -1,65 +0,0 @@ |
|||
<!--** |
|||
* author: F-loat <chaimaoyuan@foxmail.com> |
|||
* |
|||
* github地址: https://github.com/F-loat/mpvue-wxParse |
|||
* |
|||
* for: Mpvue框架下 微信小程序富文本解析 |
|||
*/--> |
|||
|
|||
<template> |
|||
<!--基础元素--> |
|||
<div class="wxParse"> |
|||
<block v-for="node of wxParseData.nodes" :key="node.index"> |
|||
<wxParseTemplate :node="node" /> |
|||
</block> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import HtmlToJson from './libs/html2json'; |
|||
import wxParseTemplate from './components/wxParseTemplate0'; |
|||
|
|||
export default { |
|||
name: 'wxParse', |
|||
props: { |
|||
content: { |
|||
type: String, |
|||
default() { |
|||
return '<div class="color:red;">数据不能为空</div>'; |
|||
}, |
|||
}, |
|||
image: { |
|||
type: String, |
|||
default() { |
|||
return { |
|||
mode: 'aspectFit', |
|||
padding: 0, |
|||
lazyLoad: false, |
|||
}; |
|||
}, |
|||
}, |
|||
debug: { |
|||
type: Boolean, |
|||
default() { |
|||
return false; |
|||
}, |
|||
}, |
|||
}, |
|||
components: { |
|||
wxParseTemplate, |
|||
}, |
|||
computed: { |
|||
wxParseData() { |
|||
const { content, image, debug } = this; |
|||
const transData = HtmlToJson(content, image, debug); |
|||
if (debug) console.log(JSON.stringify(transData, null, ' ')); |
|||
return transData; |
|||
}, |
|||
}, |
|||
}; |
|||
|
|||
</script> |
|||
|
|||
<style> |
|||
@import url("./wxParse.css"); |
|||
</style> |
|||
@ -1,97 +0,0 @@ |
|||
<template> |
|||
<view class="read-item"> |
|||
<view class="dot"></view> |
|||
<view class="content"> |
|||
<view class="title"> |
|||
<text>{{content.question_title}}</text> |
|||
</view> |
|||
<view class="guide"> |
|||
<text>{{content.answer_content}}</text> |
|||
</view> |
|||
<view class="author" v-if="content.author_list && content.author_list.length"> |
|||
<text>— {{content.author_list[0].user_name}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="date">{{content.question_makettime}}</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
item: Object |
|||
}, |
|||
computed: { |
|||
content() { |
|||
const item = this.item |
|||
item.question_makettime = item.question_makettime.substr(5, 5).split('-').join('月') + '日' |
|||
return item |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.read-item { |
|||
width: 100%; |
|||
height: 300rpx; |
|||
position: relative; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
text-align: left; |
|||
} |
|||
.date { |
|||
width: 160rpx; |
|||
text-indent: 1em; |
|||
white-space: nowrap; |
|||
line-height: 70rpx; |
|||
} |
|||
.title { |
|||
line-height: 80rpx; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
font-size: 36rpx; |
|||
} |
|||
.guide { |
|||
line-height: 38rpx; |
|||
height: 76rpx; |
|||
overflow: hidden; |
|||
} |
|||
.author { |
|||
text-align: right; |
|||
margin-right: 20rpx; |
|||
} |
|||
.content { |
|||
width: 540rpx; |
|||
height: 246rpx; |
|||
box-sizing: border-box; |
|||
border-radius: 10rpx; |
|||
background: linear-gradient(to bottom right, #9653fe, #507fff); |
|||
color: #fff; |
|||
position: relative; |
|||
margin-left: 20rpx; |
|||
padding: 2rpx 12rpx 0; |
|||
} |
|||
.content::before { |
|||
content: ''; |
|||
display: block; |
|||
width: 0; |
|||
height: 0; |
|||
border-width: 15rpx 12rpx; |
|||
border-style: solid; |
|||
border-color: transparent transparent transparent #6c6dfe; |
|||
position: absolute; |
|||
top: 20rpx; |
|||
right: -20rpx; |
|||
} |
|||
.dot { |
|||
width: 18rpx; |
|||
height: 18rpx; |
|||
background-color: rgba(108, 109, 254, .6); |
|||
position: absolute; |
|||
top: 26rpx; |
|||
right: 150rpx; |
|||
border-radius: 50%; |
|||
} |
|||
</style> |
|||
@ -1,98 +0,0 @@ |
|||
<template> |
|||
<view class="read-item"> |
|||
<view class="dot"></view> |
|||
<view class="date">{{content.hp_makettime}}</view> |
|||
<view class="content"> |
|||
<view class="title"> |
|||
<text>{{content.hp_title}}</text> |
|||
</view> |
|||
<view class="guide"> |
|||
<text>{{content.guide_word}}</text> |
|||
</view> |
|||
<view class="author" v-if="content.author && content.author.length"> |
|||
<text>— {{content.author[0].user_name}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
item: Object |
|||
}, |
|||
computed: { |
|||
content() { |
|||
const item = this.item |
|||
item.hp_makettime = item.hp_makettime.substr(5, 5).split('-').join('月') + '日' |
|||
return item |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.read-item { |
|||
width: 100%; |
|||
height: 300rpx; |
|||
position: relative; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
text-align: left; |
|||
} |
|||
.date { |
|||
width: 160rpx; |
|||
text-indent: 1em; |
|||
white-space: nowrap; |
|||
line-height: 70rpx; |
|||
} |
|||
.title { |
|||
line-height: 80rpx; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
font-size: 36rpx; |
|||
} |
|||
.guide { |
|||
line-height: 38rpx; |
|||
height: 76rpx; |
|||
overflow: hidden; |
|||
} |
|||
.author { |
|||
text-align: right; |
|||
margin-right: 20rpx; |
|||
} |
|||
.content { |
|||
width: 540rpx; |
|||
height: 246rpx; |
|||
box-sizing: border-box; |
|||
border-radius: 10rpx; |
|||
/* background-color: #42adda; */ |
|||
background: linear-gradient(to bottom right, #9653fe, #507fff); |
|||
color: #fff; |
|||
position: relative; |
|||
margin-right: 20rpx; |
|||
padding: 2rpx 12rpx 0; |
|||
} |
|||
.content::before { |
|||
content: ''; |
|||
display: block; |
|||
width: 0; |
|||
height: 0; |
|||
border-width: 15rpx 12rpx; |
|||
border-style: solid; |
|||
border-color: transparent #9653fe transparent transparent; |
|||
position: absolute; |
|||
top: 20rpx; |
|||
left: -20rpx; |
|||
} |
|||
.dot { |
|||
width: 18rpx; |
|||
height: 18rpx; |
|||
background-color: rgba(150, 83, 254, .6); |
|||
position: absolute; |
|||
top: 26rpx; |
|||
left: 150rpx; |
|||
border-radius: 50%; |
|||
} |
|||
</style> |
|||
@ -1,13 +0,0 @@ |
|||
import Vue from 'vue' |
|||
import App from './App' |
|||
import store from '@/store' |
|||
|
|||
Vue.config.productionTip = false |
|||
Vue.prototype.$store = store |
|||
App.mpType = 'app' |
|||
|
|||
const app = new Vue({ |
|||
store, |
|||
...App |
|||
}) |
|||
app.$mount() |
|||
@ -1,53 +0,0 @@ |
|||
{ |
|||
"name" : "uni-one", |
|||
"appid" : "__UNI__04F77E3", |
|||
"description" : "A uni-app project", |
|||
"versionName" : "1.0.0", |
|||
"versionCode" : "100", |
|||
"app-plus" : {/* App特有相关 */ |
|||
"modules" : {/* 模块配置 */ |
|||
|
|||
}, |
|||
"distribute" : {/* 应用发布信息 */ |
|||
"android" : {/* android打包配置 */ |
|||
"permissions" : [ |
|||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>", |
|||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", |
|||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.CAMERA\"/>", |
|||
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>", |
|||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", |
|||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", |
|||
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>", |
|||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>", |
|||
"<uses-feature android:name=\"android.hardware.camera\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" |
|||
] |
|||
}, |
|||
"ios" : {/* ios打包配置 */ |
|||
|
|||
}, |
|||
"sdkConfigs" : {/* SDK配置 */ |
|||
|
|||
} |
|||
} |
|||
}, |
|||
"quickapp" : {/* 快应用特有相关 */ |
|||
|
|||
}, |
|||
|
|||
"mp-weixin" : {/* 小程序特有相关 */ |
|||
"appid" : "" |
|||
} |
|||
} |
|||
@ -1,79 +0,0 @@ |
|||
{ |
|||
"pages": [ |
|||
{ |
|||
"path": "pages/home/main", |
|||
"style": { |
|||
"navigationBarTitleText": "首页" |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/read/main", |
|||
"style": { |
|||
"navigationBarTitleText": "文章&问答" |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/read/essay/main" |
|||
}, |
|||
{ |
|||
"path": "pages/read/question/main" |
|||
}, |
|||
{ |
|||
"path": "pages/movie/main", |
|||
"style": { |
|||
"navigationBarTitleText": "影评" |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/movie/detail/main" |
|||
}, |
|||
{ |
|||
"path": "pages/daily/main", |
|||
"style": { |
|||
"navigationBarTitleText": "日报" |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/daily/detail/main", |
|||
"style": { |
|||
"navigationBarTitleText": "日报" |
|||
} |
|||
} |
|||
], |
|||
"globalStyle": { |
|||
"backgroundTextStyle": "light", |
|||
"navigationBarBackgroundColor": "fafafa", |
|||
"navigationBarTitleText": "一个", |
|||
"navigationBarTextStyle": "black" |
|||
}, |
|||
"tabBar": { |
|||
"color": "#130f13", |
|||
"selectedColor": "#0f0f0f", |
|||
"list": [ |
|||
{ |
|||
"pagePath": "pages/home/main", |
|||
"text": "ONE", |
|||
"iconPath": "static/icon/home.png", |
|||
"selectedIconPath": "static/icon/home-active.png" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/read/main", |
|||
"text": "READ", |
|||
"iconPath": "static/icon/read.png", |
|||
"selectedIconPath": "static/icon/read-active.png" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/movie/main", |
|||
"text": "MOVIE", |
|||
"iconPath": "static/icon/movie.png", |
|||
"selectedIconPath": "static/icon/movie-active.png" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/daily/main", |
|||
"text": "DAILY", |
|||
"iconPath": "static/icon/daily.png", |
|||
"selectedIconPath": "static/icon/daily-active.png" |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,145 +0,0 @@ |
|||
<style scoped> |
|||
.cover { |
|||
width: 300rpx; |
|||
height: 300rpx; |
|||
margin: 20rpx auto 0; |
|||
border-radius: 16rpx; |
|||
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, .2); |
|||
} |
|||
.control { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
background-color: rgba(0, 0, 0, .4); |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
border-radius: 50%; |
|||
margin: -60rpx 0 0 -40rpx; |
|||
} |
|||
.feeds_cover { |
|||
width: 100%; |
|||
height: 400rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
} |
|||
.control img { |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
.title { |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
height: 96rpx; |
|||
line-height: 48rpx; |
|||
margin-top: 40rpx; |
|||
text-align: center; |
|||
} |
|||
</style> |
|||
|
|||
<style> |
|||
.meta.div { |
|||
height: 120rpx; |
|||
padding-left: 40rpx; |
|||
position: relative; |
|||
} |
|||
.meta.div::before { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
top: 12rpx; |
|||
left: 10rpx; |
|||
width: 0; |
|||
height: 0; |
|||
border-width: 12rpx 16rpx; |
|||
border-style: solid; |
|||
border-color: transparent transparent transparent #000; |
|||
animation: circle 1s infinite; |
|||
transform-origin: 25% 50%; |
|||
} |
|||
.meta.div::after { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
top: 12rpx; |
|||
left: 10rpx; |
|||
width: 0; |
|||
height: 0; |
|||
border-width: 12rpx 16rpx; |
|||
border-style: solid; |
|||
border-color: transparent transparent transparent #000; |
|||
animation: fadeIn 1s infinite; |
|||
} |
|||
.meta.div .avatar { |
|||
display: none; |
|||
} |
|||
.view-more.div { |
|||
display: none; |
|||
} |
|||
@keyframes circle { |
|||
from { |
|||
transform: translateX(0); |
|||
opacity: 1; |
|||
} |
|||
to { |
|||
transform: translateX(16rpx); |
|||
opacity: 0; |
|||
} |
|||
} |
|||
@keyframes fadeIn { |
|||
from { |
|||
opacity: 0; |
|||
} |
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
|
|||
<template> |
|||
<div class="article-container"> |
|||
<div class="title">{{title}}</div> |
|||
<wx-parse :content="body"></wx-parse> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/utils/api' |
|||
import wxParse from '../../../components/mpvue-wxparse/wxParse.vue' |
|||
export default { |
|||
data() { |
|||
return { |
|||
loaded: false, |
|||
isPlay: false, |
|||
audioContext: null, |
|||
body: '', |
|||
title: '' |
|||
} |
|||
}, |
|||
components: { |
|||
wxParse |
|||
}, |
|||
onLoad(query) { |
|||
const id = query.id |
|||
if (!id) console.log('error coured no id find.') |
|||
this.getDetail(id) |
|||
}, |
|||
methods: { |
|||
async getDetail(id) { |
|||
const data = await API.getZhDtl(id) |
|||
this.body = data.body |
|||
this.title = data.title |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -1,141 +0,0 @@ |
|||
<style scoped> |
|||
li { |
|||
min-height: 160rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
border-bottom: 2rpx solid #fafbff; |
|||
padding: 0 20rpx; |
|||
} |
|||
li:active { |
|||
background-color: #f15549; |
|||
padding-left: 20rpx; |
|||
} |
|||
li:active .title, li:active .subtitle { |
|||
color: #fff; |
|||
} |
|||
li img { |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
border-radius: 50%; |
|||
display: block; |
|||
} |
|||
.desc { |
|||
width: 480rpx; |
|||
text-align: left; |
|||
line-height: 48rpx; |
|||
padding-left: 40rpx; |
|||
} |
|||
.title { |
|||
color: #7f7f7f; |
|||
font-size: 32rpx; |
|||
} |
|||
.play { |
|||
margin-left: 40rpx; |
|||
} |
|||
.play img { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.slide-image { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
.item-title { |
|||
position: absolute; |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 0 40rpx 60rpx; |
|||
font-size: 36rpx; |
|||
text-align: left; |
|||
color: #fff; |
|||
left: 0; |
|||
bottom: 0; |
|||
z-index: 11; |
|||
} |
|||
swiper { |
|||
width: 100%; |
|||
height: 400rpx; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
swiper-item { |
|||
position: relative; |
|||
} |
|||
.layer { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1; |
|||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .3)); |
|||
} |
|||
.list { |
|||
margin-top: 400rpx; |
|||
} |
|||
</style> |
|||
<template> |
|||
<div class="container"> |
|||
<swiper :indicator-dots="true" :autoplay="true" :circular="true"> |
|||
<block v-for="v in top_stories" :key="v.id"> |
|||
<swiper-item @tap="toDtl(v.id)"> |
|||
<image :src="v.image" class="slide-image" mode="center"/> |
|||
<div class="item-title">{{v.title}}</div> |
|||
<div class="layer"></div> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<ul class="list"> |
|||
<li v-for="v in all_stories" :key="v.id" @tap="toDtl(v.id)"> |
|||
<img :src="v.image" alt="cover"> |
|||
<div class="desc"> |
|||
<div class="title"> |
|||
{{v.title}} |
|||
</div> |
|||
</div> |
|||
<div class="play"> |
|||
<img src="/static/assert/arrow-right.png" alt="play"> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/utils/api' |
|||
export default { |
|||
data() { |
|||
return { |
|||
top_stories: [], |
|||
stories: [], |
|||
innerAudioContext: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDailyList() |
|||
}, |
|||
computed: { |
|||
all_stories() { |
|||
return this.stories.map(v => ({ |
|||
...v, |
|||
image: v.images[0] |
|||
})) |
|||
} |
|||
}, |
|||
methods: { |
|||
async getDailyList() { |
|||
const res = await API.getZhList() |
|||
console.log(res.top_stories) |
|||
this.top_stories = res.top_stories |
|||
this.stories = res.stories |
|||
}, |
|||
toDtl(id) { |
|||
wx.navigateTo({ url: '/pages/daily/detail/main?id=' + id }) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -1,65 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<image class="cover" :src="data.hp_img_url" mode="widthFix" /> |
|||
<view class="cover-author"> |
|||
<text class="gray">{{data.hp_author}}</text> |
|||
</view> |
|||
<view class="content"> |
|||
<text>{{content}}</text> |
|||
</view> |
|||
<view class="content-author"> |
|||
<text class="gray">{{data.text_authors}}</text> |
|||
</view> |
|||
<weather :weather="weather" v-if="weather.status === 'ok'"></weather> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from 'vuex' |
|||
import weather from './weather' |
|||
export default { |
|||
mounted() { |
|||
this.initPage() |
|||
}, |
|||
components: { |
|||
weather |
|||
}, |
|||
computed: { |
|||
...mapState('home', ['data']), |
|||
...mapState('weather', ['weather']), |
|||
content() { |
|||
return this.data.hp_content.split('by')[0] |
|||
} |
|||
}, |
|||
methods: { |
|||
...mapActions('home', ['getNewIds', 'getHomeData']), |
|||
async initPage() { |
|||
await this.getNewIds() |
|||
await this.getHomeData() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.cover { |
|||
width: 100%; |
|||
} |
|||
.cover-author { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
margin-bottom: 30rpx; |
|||
} |
|||
.content { |
|||
width: 80%; |
|||
margin: 0 auto; |
|||
line-height: 58rpx; |
|||
text-align: left; |
|||
} |
|||
.content-author { |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
font-size: 20rpx; |
|||
} |
|||
</style> |
|||
@ -1,56 +0,0 @@ |
|||
<template> |
|||
<div class="weather"> |
|||
<div class="date">{{day}}</div> |
|||
<div class="location"> |
|||
{{weather.basic.location}} |
|||
</div> |
|||
<img :src="'https://petrify.oss-cn-beijing.aliyuncs.com/weather/' + weather.now.cond_code + '.png'" alt=""> |
|||
<div class="cond-text">{{weather.now.cond_txt}}</div> |
|||
<div class="tmp"><span>{{weather.now.tmp}}°C</span></div> |
|||
<div class="fl">体感：<span>{{weather.now.fl}}°C</span></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
const DAY_LIST = ['Sun', 'Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat'] |
|||
export default { |
|||
props: { |
|||
weather: Object |
|||
}, |
|||
computed: { |
|||
day() { |
|||
const day = new Date().getDay() |
|||
return DAY_LIST[day] |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.weather { |
|||
height: 170rpx; |
|||
width: 100%; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
font-size: 36rpx; |
|||
justify-content: space-around; |
|||
} |
|||
.date { |
|||
color: #ecc88e; |
|||
font-size: 48rpx; |
|||
font-weight: 700; |
|||
padding: 0 20rpx; |
|||
} |
|||
.location { |
|||
color: #b4b0ad; |
|||
} |
|||
|
|||
img { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
} |
|||
.tmp span, .fl span { |
|||
color: #52b9b6; |
|||
} |
|||
</style> |
|||
@ -1,38 +0,0 @@ |
|||
<template> |
|||
<block> |
|||
<v-article |
|||
:title="currentMovie.title" |
|||
:user_name="currentMovie.user ? currentMovie.user.user_name : ''" |
|||
:content="currentMovie.content || ''" |
|||
:summary="currentMovie.summary || ''" |
|||
></v-article> |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from 'vuex' |
|||
import article from '@/components/article' |
|||
export default { |
|||
onLoad(query) { |
|||
this.clearMovieDetail() |
|||
const { id } = query |
|||
this.initPage(id) |
|||
}, |
|||
components: { |
|||
'v-article': article |
|||
}, |
|||
computed: { |
|||
...mapState('movie', ['currentMovie']) |
|||
}, |
|||
methods: { |
|||
...mapActions('movie', ['getMovieDetail', 'clearMovieDetail']), |
|||
async initPage(id) { |
|||
await this.getMovieDetail(id) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -1,51 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<navigator |
|||
v-for="v in movies" |
|||
:key="v.item_id" |
|||
:url="'/pages/movie/detail/main?id=' + v.item_id" |
|||
class="item" |
|||
> |
|||
<movie-detail :movie="v"></movie-detail> |
|||
</navigator> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from 'vuex' |
|||
import movieDetail from '@/components/movieItem' |
|||
export default { |
|||
mounted () { |
|||
this.initPage() |
|||
}, |
|||
components: { |
|||
movieDetail |
|||
}, |
|||
computed: { |
|||
...mapState('movie', ['movies']) |
|||
}, |
|||
methods: { |
|||
...mapActions('movie', ['getMovieList']), |
|||
async initPage() { |
|||
await this.getMovieList() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
navigator { |
|||
width: 100%; |
|||
} |
|||
.item { |
|||
width: 100%; |
|||
height: 170rpx; |
|||
} |
|||
|
|||
.item:nth-child(odd) { |
|||
background-color: #e5e4df; |
|||
} |
|||
.item:nth-child(even) { |
|||
background-color: #eae9e4; |
|||
} |
|||
</style> |
|||
@ -1,34 +0,0 @@ |
|||
<template> |
|||
<block> |
|||
<v-article |
|||
:title="readContent.essay.hp_title" |
|||
:user_name="readContent.essay.hp_author" |
|||
:content="readContent.essay.hp_content || ''" |
|||
></v-article> |
|||
</block> |
|||
</template> |
|||
|
|||
<script> |
|||
import article from '@/components/article' |
|||
import { mapState, mapActions } from 'vuex' |
|||
export default { |
|||
onLoad(params) { |
|||
this.clearReadContent({type: 'essay'}) |
|||
const { id } = params |
|||
this.getReadContent({ type: 'essay', id }) |
|||
}, |
|||
components: { |
|||
'v-article': article |
|||
}, |
|||
computed: { |
|||
...mapState('read', ['readContent']) |
|||
}, |
|||
methods: { |
|||
...mapActions('read', ['getReadContent', 'clearReadContent']) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -1,68 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<view class="mode-title" v-if="readList.essay && readList.essay.length"> |
|||
<view class="mode-title-word"> |
|||
<text>阅读</text> |
|||
</view> |
|||
</view> |
|||
<navigator v-for="v in readList.essay" :key="v.content_id" :url="'/pages/read/essay/main?id=' + v.content_id"> |
|||
<read-list :item="v"></read-list> |
|||
</navigator> |
|||
<view class="mode-title" v-if="readList.question && readList.question.length"> |
|||
<view class="mode-title-word"> |
|||
<text>问答</text> |
|||
</view> |
|||
</view> |
|||
<navigator v-for="v in readList.question" :key="v.question_id" :url="'/pages/read/question/main?id=' + v.question_id"> |
|||
<question-list :item="v"></question-list> |
|||
</navigator> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from 'vuex' |
|||
import readList from '@/components/readList' |
|||
import questionList from '@/components/questionList' |
|||
export default { |
|||
mounted() { |
|||
this.getReadList() |
|||
}, |
|||
components: { |
|||
readList, |
|||
questionList |
|||
}, |
|||
computed: { |
|||
...mapState('read', ['readList']) |
|||
}, |
|||
methods: { |
|||
...mapActions('read', ['getReadList']) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.mode-title { |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
position: relative; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.mode-title .mode-title-word { |
|||
width: 120rpx; |
|||
margin: 0 auto; |
|||
font-size: 36rpx; |
|||
background-color: #fff; |
|||
} |
|||
.mode-title:before { |
|||
content: ''; |
|||
display: block; |
|||
width: 80%; |
|||
height: 2rpx; |
|||
background-color: #b4b4b5; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 10%; |
|||
z-index: -1; |
|||
} |
|||
</style> |
|||
@ -1,92 +0,0 @@ |
|||
<template> |
|||
<div class="wrapper"> |
|||
<view class="title"> |
|||
<text>{{detail.question_title}}</text> |
|||
</view> |
|||
<view class="ask"> |
|||
<view class="asker" v-if="detail.answerer"> |
|||
<text>{{detail.asker.user_name}}问：</text> |
|||
</view> |
|||
<view class="asker" v-else> |
|||
<text>网友问：</text> |
|||
</view> |
|||
<wx-parse :content="detail.question_content || ''"></wx-parse> |
|||
</view> |
|||
<view class="divider"></view> |
|||
<view class="answer"> |
|||
<view class="answerer" v-if="detail.answerer"> |
|||
<text>{{detail.answerer.user_name}}答：</text> |
|||
</view> |
|||
<view class="answerer" v-else> |
|||
<text>网友答：</text> |
|||
</view> |
|||
<wx-parse :content="detail.answer_content || ''"></wx-parse> |
|||
</view> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from 'vuex' |
|||
import wxParse from '../../../components/mpvue-wxparse/wxParse.vue' |
|||
export default { |
|||
onLoad(params) { |
|||
this.clearReadContent({type: 'question'}) |
|||
const { id } = params |
|||
this.getReadContent({ type: 'question', id }) |
|||
}, |
|||
components: { |
|||
wxParse |
|||
}, |
|||
computed: { |
|||
...mapState('read', ['readContent']), |
|||
detail() { |
|||
return this.readContent.question |
|||
} |
|||
}, |
|||
methods: { |
|||
...mapActions('read', ['getReadContent', 'clearReadContent']) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.title { |
|||
font-size: 32rpx; |
|||
overflow: hidden; |
|||
text-align: center; |
|||
padding: .8em; |
|||
font-weight: bold; |
|||
} |
|||
.asker, .answerer { |
|||
font-size: 30rpx; |
|||
padding-left: 1em; |
|||
height: 60rpx; |
|||
} |
|||
.divider { |
|||
width: 90%; |
|||
margin: 15rpx auto; |
|||
position: relative; |
|||
height: 2rpx; |
|||
background-color: #b4b4b4; |
|||
} |
|||
.divider::before { |
|||
content: ''; |
|||
width: 50rpx; |
|||
height: 2rpx; |
|||
background-color: #fff; |
|||
position: absolute; |
|||
top: 0; |
|||
left: calc(50% - 25rpx); |
|||
} |
|||
.divider::after { |
|||
content: ''; |
|||
display: block; |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
border-radius: 50%; |
|||
background-color: #b4b4b4; |
|||
position: absolute; |
|||
top: -4rpx; |
|||
left: calc(50% - 5rpx); |
|||
} |
|||
</style> |
|||
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
@ -1,33 +0,0 @@ |
|||
import Vue from 'vue' |
|||
import Vuex from 'vuex' |
|||
|
|||
import home from './modules/home' |
|||
import movie from './modules/movie' |
|||
import read from './modules/read' |
|||
import weather from './modules/weather' |
|||
// import music from './modules/music'
|
|||
|
|||
Vue.use(Vuex) |
|||
|
|||
const store = new Vuex.Store({ |
|||
modules: { |
|||
home: { |
|||
namespaced: true, |
|||
...home |
|||
}, |
|||
movie: { |
|||
namespaced: true, |
|||
...movie |
|||
}, |
|||
read: { |
|||
namespaced: true, |
|||
...read |
|||
}, |
|||
weather: { |
|||
namespaced: true, |
|||
...weather |
|||
} |
|||
} |
|||
}) |
|||
|
|||
export default store |
|||
@ -1,38 +0,0 @@ |
|||
import { CHANGE_HOME_DATA, STORE_ID_LIST } from './../mutations_type' |
|||
import API from '@/utils/api' |
|||
|
|||
const state = { |
|||
ids: [], |
|||
data: { |
|||
hp_content: '', |
|||
hp_img_url: '', |
|||
hp_author: '', |
|||
text_authors: '' |
|||
} |
|||
} |
|||
|
|||
const mutations = { |
|||
[CHANGE_HOME_DATA](state, payload) { |
|||
state.data = payload.data |
|||
}, |
|||
[STORE_ID_LIST](state, payload) { |
|||
state.ids = payload.ids |
|||
} |
|||
} |
|||
|
|||
const actions = { |
|||
async getNewIds({ commit }) { |
|||
const { data } = await API.getNewIds() |
|||
commit(STORE_ID_LIST, { ids: data }) |
|||
}, |
|||
async getHomeData({ commit, state }) { |
|||
const { data } = await API.getHomeData(state.ids[0]) |
|||
commit(CHANGE_HOME_DATA, { data }) |
|||
} |
|||
} |
|||
|
|||
export default { |
|||
state, |
|||
mutations, |
|||
actions |
|||
} |
|||
@ -1,40 +0,0 @@ |
|||
import { CHANGE_MOVIE_LIST, CHANGE_CURRENT_MOVIE } from './../mutations_type' |
|||
import API from '@/utils/api' |
|||
|
|||
const state = { |
|||
movies: [], |
|||
currentMovie: {} |
|||
} |
|||
|
|||
const mutations = { |
|||
[CHANGE_MOVIE_LIST](state, payload) { |
|||
state.movies = payload.movies |
|||
}, |
|||
[CHANGE_CURRENT_MOVIE](state, payload) { |
|||
state.currentMovie = payload.data |
|||
} |
|||
} |
|||
|
|||
const actions = { |
|||
async getMovieList({ commit }) { |
|||
const { data } = await API.getMovieList() |
|||
commit(CHANGE_MOVIE_LIST, { movies: data }) |
|||
}, |
|||
async getMovieDetail({ commit, state }, id) { |
|||
const { data: { data } } = await API.getMovieDetail(id) |
|||
commit(CHANGE_CURRENT_MOVIE, { data: data[0] }) |
|||
}, |
|||
async getMovieArticleDetail({ commit, state }, id) { |
|||
const { data: { data } } = await API.getMovieArticleDetail(id) |
|||
commit(CHANGE_CURRENT_MOVIE, { data: data[0] }) |
|||
}, |
|||
clearMovieDetail({ commit }) { |
|||
commit(CHANGE_CURRENT_MOVIE, { data: {} }) |
|||
} |
|||
} |
|||
|
|||
export default { |
|||
state, |
|||
mutations, |
|||
actions |
|||
} |
|||
@ -1,47 +0,0 @@ |
|||
import API from '@/utils/api' |
|||
import { CHANGE_CURRENT_READ, CHANGE_READ_LIST } from './../mutations_type' |
|||
|
|||
const state = { |
|||
readList: { |
|||
essay: [], |
|||
question: [], |
|||
serial: [] |
|||
}, |
|||
readContent: { |
|||
essay: {}, |
|||
question: {} |
|||
} |
|||
} |
|||
|
|||
const mutations = { |
|||
[CHANGE_READ_LIST] (state, payload) { |
|||
state.readList = payload.data |
|||
}, |
|||
[CHANGE_CURRENT_READ] (state, payload) { |
|||
state.readContent[payload.type] = payload.data |
|||
} |
|||
} |
|||
|
|||
const actions = { |
|||
async getReadList({ commit, state }) { |
|||
const { data } = await API.getReadList() |
|||
commit(CHANGE_READ_LIST, { data }) |
|||
}, |
|||
async getReadContent({ commit, state }, { type, id }) { |
|||
const { data } = await API.getReadDetail(type, id) |
|||
commit(CHANGE_CURRENT_READ, { type, data }) |
|||
}, |
|||
async clearReadContent({ commit, state }, { type }) { |
|||
commit(CHANGE_CURRENT_READ, { type, data: {} }) |
|||
} |
|||
// async getReadComment({ commit, state }, id) {
|
|||
// // const { data } = await API.getReadComment(id)
|
|||
// // commit(CHANGE_CURRENT_READ, { data })
|
|||
// }
|
|||
} |
|||
|
|||
export default { |
|||
state, |
|||
mutations, |
|||
actions |
|||
} |
|||
@ -1,38 +0,0 @@ |
|||
import API from '@/utils/api' |
|||
import { SET_LOCATION, SET_WEATHER } from '../mutations_type' |
|||
const state = { |
|||
location: { |
|||
latitude: '', |
|||
longitude: '' |
|||
}, |
|||
weather: { |
|||
basic: {}, |
|||
now: {}, |
|||
update: {}, |
|||
status: '' |
|||
} |
|||
} |
|||
|
|||
const mutations = { |
|||
[SET_LOCATION] (state, payload) { |
|||
state.location = payload.location |
|||
}, |
|||
[SET_WEATHER] (state, payload) { |
|||
state.weather = payload.weather |
|||
} |
|||
} |
|||
|
|||
const actions = { |
|||
async getWeather({ state, commit }) { |
|||
console.log('getWeather') |
|||
const location = state.location |
|||
const data = await API.getWeather(`${location.latitude},${location.longitude}`) |
|||
commit(SET_WEATHER, { weather: data.result }) |
|||
} |
|||
} |
|||
|
|||
export default { |
|||
state, |
|||
mutations, |
|||
actions |
|||
} |
|||
@ -1,14 +0,0 @@ |
|||
export const CHANGE_HOME_DATA = 'CHANGE_HOME_DATA' |
|||
export const STORE_ID_LIST = 'STORE_ID_LIST' |
|||
|
|||
export const CHANGE_MOVIE_LIST = 'CHANGE_MOVIE_LIST' |
|||
export const CHANGE_CURRENT_MOVIE = 'CHANGE_CURRENT_MOVIE' |
|||
|
|||
export const CHANGE_READ_LIST = 'CHANGE_READ_LIST' |
|||
export const CHANGE_CURRENT_READ = 'CHANGE_CURRENT_READ' |
|||
|
|||
export const CHANGE_MUSIC_LIST = 'CHANGE_MUSIC_LIST' |
|||
export const CHANGE_CURRENT_MUSIC = 'CHANGE_CURRENT_MUSIC' |
|||
|
|||
export const SET_LOCATION = 'SET_LOCATION' |
|||
export const SET_WEATHER = 'SET_WEATHER' |
|||
@ -1,29 +0,0 @@ |
|||
import request from './request' |
|||
|
|||
const baseURL = `https://petrify.cc` |
|||
// const baseURL = 'http://192.168.29.238:7001'
|
|||
request.config.baseURL = baseURL |
|||
|
|||
const dailyRequest = (id) => request.post('/v1/daily', { |
|||
url: `/api/4/news/${id}` |
|||
}) |
|||
|
|||
const api = { |
|||
// picture
|
|||
getNewIds: () => request.get(`/v1/one?${encodeURI('url=/api/hp/idlist/0?version=3.5.0&platform=android')}`), |
|||
getHomeData: (id) => request.get(`/v1/one?${encodeURI('url=/api/hp/detail/' + id + '?version=3.5.0&platform=android')}`), |
|||
// read
|
|||
getReadList: () => request.get(`/v1/one?${encodeURI('url=/api/reading/index/?version=3.5.0&platform=android')}`), |
|||
getReadDetail: (type, id) => request.get(`/v1/one?${encodeURI('url=/api/' + type + '/' + id + '?version=3.5.0&platform=android')}`), |
|||
getReadComment: (id) => request.get(`/v1/one?${encodeURI('url=/api/comment/praiseandtime/essay/' + id + '/0?version=3.5.0&platform=android')}`), |
|||
getMovieList: () => request.post('/v1/two', { |
|||
url: '/api/channel/movie/more/0?channel=wdj&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android' |
|||
}), |
|||
getMovieDetail: (id) => request.get(`/v1/one?${encodeURI('url=/api/movie/' + id + '/story/1/0?version=3.5.0&platform=android')}`), |
|||
getWeather: (location) => request.get(`/v1/weather?location=${location}`), |
|||
// 知乎日报
|
|||
getZhList: () => dailyRequest('latest'), |
|||
getZhDtl: (id) => dailyRequest(id) |
|||
} |
|||
|
|||
export default api |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue