小程序开发者文档组件(微信小程序开发帮助文档)

小程序开发 3436
本篇文章给大家谈谈小程序开发者文档组件,以及微信小程序开发帮助文档对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序开发文档有哪些类型

本篇文章给大家谈谈小程序开发者文档组件,以及微信小程序开发帮助文档对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

微信小程序开发文档有哪些类型

一个微信小程序最多关联5个服务类目,一个月内可申请修改3次。

类目资质:小程序对一些服务类目的资质要求比公众号多,甚至高于APP发布,不要试图关联无资质要求的类目A,却跨界做了类目B的事情无法上线或被下线。

一些资质提示:

互联网软件和服务:一些类目要求两证二选一:《增值电信业务经营许可证》,《电信与信息服务业务经营许可证》,对于创业企业和中小团队会是门槛。

生活服务/工具类目:比较开放,对特殊资质无要求。

社交类目:普遍要求两证选一:《增值电信业务经营许可证》,《电信与信息服务业务经营许可证》,很多应用服务即便不是纯社交,但若带有社交属性,要特别注意审核规则。

富媒体类目:内容形式与相关资质要求,内容创业和内容服务需要关注,比公众号资质要求多。

电商/店铺:商家自营线上和线下店铺,除食品保健等既有资质,无其它特殊要求;但是对平台电商要求两证选一《增值电信业务经营许可证》,《电信与信息服务业务经营许可证》。

医疗/金融业类目:既有的行业管制和资质,小程序也有相关审核要求。

小程序Swiper做Tab切换,带tab切换动画

微信小程序Swiper做Tab切换,带tab切换动画

小程序中我们做tab切换一般情况下可以做点击切换,但是有Swiper组件,其实我们也可以做滑动切换

监听Swiper的bindchange,我们就可以在切换时改变tab的选装状态达到切换的目的。

但是这样的方式tab的切换方式是跳转式的,体验不是很好。于是就有了这个demo,我们一步步优化切换体验。

首先:利用flex布局,做出tab区域,如果tab选项卡很多可以使用Scroll-view;一般的跳转式的tab用boder-bottom实现就好,这里我们加了一个“navbar-slider”,加上translateX动画实现平移切换。

然后:计算出每个tabItem的宽度,和每个item距离0坐标的距离;下中50是slider的宽度,对应上面“width:50px;”

关联:1、监听item点击,切换swiper;2、监听swiper切换改变slider位置和tab显示

效果展示如下:

现在我们已经实现了,Swiper和tab的带动画联动,但是我们可以发现,我们的切换动画是在切换之后进行的,我们这里还可以继续优化。

swiper在切换时可以监听bindtransition,swiper-item 的位置发生改变时会触发 transition 事件,event.detail = {dx: dx, dy: dy},dx则是平移的偏移量,我们可以通过这个监听来实时设置slider的位置。

切换后校正slider的位置,这里我们不能使用bindchange来校正,因为bindchange在切换时手指释放的时候就调用了,我们这里使用bindanimationfinish回调来校正(动画结束时会触发 animationfinish 事件,event.detail 同上)

最终:展示如下

在小程序开发文档中明确说明了最好不要频繁调用setData,我们最后这种方式就会频繁的调用,所以这里其实只是提供这种思路,但是工程中并不建议这么使用

小程序开发者文档

SwiperTab

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: 100%;

height: 200px;

min-height: 200px;

}

that.updatePosition(keyboardHeight)

that.editorCtx.scrollIntoView()

在插入目标文字时,将值设为\n',可以实现换行

this.editorCtx.insertText({ text: '\n' });

参考:请问editor组件控制拉起键盘操作支持吗?

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

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

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

不满足的标签会被忽略,div会被转行为p储存。

这也是为什么在做富文本解析时,仅仅用rich-text组件无法有效还原html内容,在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。

所以,开发者需要自行权衡在做富文本编辑开发时,是否使用微信自带的editor组件,或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。

小程序富文本编辑器editor初体验:( )

如果是微信原生开发,将demo组件中的相关dom元素标签和api换成微信原生即可。

关于小程序开发者文档组件和微信小程序开发帮助文档的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码