uni-app文档_uniapp文档预览插件

uni-app 如何使用goeasy

uni-app使用

uni-app文档_uniapp文档预览插件

1.首先你所看到的不是用来做网页的

2.uniapp是做微信小程序，或者是app的

3.两个用的路由方式是不一样的

4-uniapp不能像vue那样使用vue-router

5uni-app的路由就在app.json文件设置

6.然后就是用api，路由跳转来做嵌套更深的页面

uni-app的工程文件结构

Root

|- common / utils //存放自己封装的工具类等文件（比如base-util.js、storage-key.js文件）。

|- components //uni-app组件目录。

|----- comp-a.vue //可复用的a组件。

|- wxcomponents //存放小程序组件的目录，也可合并到components里面。

|- hybrid //存放本地网页的目录。

|- platforms //存放各平台专用页面的目录。

|- pages //存放业务页面文件的目录。

|----- index

|--------- index.vue //index页面。

|----- mine

|--------- mine.vue //我的页面。

|- static //存放应用引用静态资源（如图片、视频等）的目录。注意：静态资源只能存放于此。

|- main.js //Vue初始化入口文件。

|- App.vue //用来配置App全局样式以及实现应用生命周期事件。

|- manifest.jspn //配置应用名称、appId、logo、版本等打包信息。

|- pages.json //配置页面路由、导航条、选项卡等页面类信息。

|- uni.scss //此文件是为了方便整体控制应用的风格（比如按钮颜色、边框风格）。

|- unpackage //打包目录，用于存放各个平台的打包文件。

uniapp使用微信小程序云开发

步骤

1、veu.config.js 中安装copy-webpack-plugin 5.0.0 版本。uniapp 框架文档有说明 vue-config

打开终端运行 npm 安装版本

npm install copy-webpack-plugin@5.0.0

需要5.0版本，高版本Uniapp不支持

2、创建你自己云函数目录文件。我设置的：

wxcloud/cloudfunctions

3、修改manifest.json

在uni-app根目录下，修改manifest.json中的微信小程序项，结构如下

3、vue-config-js 中配置 编译copy文件到build目录。注意 空目录可能不会拷贝（后续你可用创建函数文件就会拷贝了）。

uniapp开发微信小程序富文本编辑器（样式仿腾讯文档）

照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序作看看实际效果。毕竟参照的是微信自家小程序，无法做到百分百效果，只能按现有开放api尽可能实现。

项目地址：

uniapp插件市场：

editor富文本编辑器组件文档：

否则会受到小程序css影响。小程序本身editor标签有css样式：

editor {

display: block;

position: relative;

box-sizing: border-box;

-webkit-user-select: text;

user-select: text;

outline: 0;

overflow: hidden;

width: ;

height: 200px;

min-height: 200px;

}that.updatePosition(keyboardHeight)

that.editorCtx.scrollIntoView()

在插入目标文字时，将值设为

'，可以实现换行

this.editorCtx.insertText({ text: '

' });

参考：请问editor组件控制拉起键盘作支持吗？

小程序技术专员-sanford 2019-09-20

不支持的。iOS无法通过接口拉起键盘，必须用户点击；安卓则可以。所以，终究是不一致，不行。。

该组件主要为微信editor组件的api调用集成封装，因此受到的限制同文档描述一致，即编辑器内支持部分 HTML 标签和内联样式，不支持class和id，支持的标签详见： 。

不满足的标签会被忽略，