方案1:直接使用微信小程序提供的 “scroll-view " 组件. <scroll-view scroll-y style="height: 100%;"> <!--你要滚动的内容--> </scroll-view> 注意:必须要设置scroll-view的高度height 加了scroll-view之后,外出view需加上overflow:scroll,否则还是会被撑大,导致固定布局的位置有问题. 方案2: view{ overflo

在微信开放平台基础高级产品经理林兴演讲的当场,他爆料了微信小程序一个轰动性新能力:小程序很快可以支持各个 App 直接打开小程序!没错,你没有听错,简单来说,在不久以后,所有的 App 里面都可以看到微信小程序的身影了.它会是配置在其它 App 里的基础能力,也是微信广布在线上各个角落的海量据点,跟微信线下的二维码.小程序码没有本质区别,都将变成一种普及化的「物料」资源,一类入口,一个微信全面串联移动端应用的大设计! 微信开放平台基础高级产品经理林兴在2018中国“互联网+”数字经济峰会小程序分

“今年,微信将更快速地支持各APP直接打开小程序.”微信开放平台基础部高级产品经理林兴表示.对于官方即将支持的App直接打开小程序,林兴解释说,正如大家都喜欢微信钱包里的各种便捷服务,以后一个旅游攻略的App,也可以轻松地聚合订机票/订酒店/景点地图等周边服务,只需跳转到对应的微信小程序就行了.除此以外,小程序和小程序也可以互相跳转.“我们认为每个商家只需做自己擅长的部分,而将不擅长的部分交给其他小程序.我知道很多商家因为自己做不了订座和外卖等功能,而只能去各个平台注册不同的帐号.而现在,大家可

图解微信小程序---添加tabBar底部菜单,添加已做好轮播图操作 什么是tabBar? 顶部或者底部tab栏如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面. tabBar的基本属性 tabBar的list属性 tabBar的list属性介绍 参考代码 注意事项 list :接受一个数组,只能配置最少 2 个.最多 5 个 tab.tab 按数组的顺序排序,每个项都是一

很久没有写博客了,之前换了一份工作,很久没有做Android开发了,现在转做前端开发了,记录一下遇到的问题及解决的方法. 最近做微信小程序开发,遇到一个需求,后台管理系统生成的问卷和投票会有一个二维码,需要用微信扫码后自动打开微信小程序的问卷或投票详情页面. 首先,每个问卷或投票都有一个唯一的id,使用vue-qr来生成二维码 vue-qr安装: npm install vue-qr --save 安装完成后,在页面中引入vue-qr插件 <script>import vueQr from &

最近做小程序时,会经常用到各种弹框.直接做显示和隐藏虽然也能达到效果,但是体验性太差,也比较简单粗暴.想要美美地玩,添加点动画还是非常有必要的.下面做一个底部上滑的弹框. wxml <view class="modals modals-bottom-dialog" hidden="{{hideModal}}"> <view class="modals-cancel" bindtap="hideModal"&g

在小程序开发中,默认底部导航栏很难满足实际需求,好在官方给出了自定义形式,效果如下: 话不多说,直接上代码 1.组件 custom-tarbar.vue文件 <template> <view class="tarbar"> <view class=".tarbar-list" :style="{ background: tabBar.backgroundColor, color: tabBar.color, 'border-t

plus.share.getServices(                            res => {                                let sweixin = null;                                for (let i in res) {                                    if (res[i].id == 'weixin') {                       

1.html <view id="bottom"></view> 2. onReady: function () { //滚动到底部 let query = wx.createSelectorQuery(); query.select('#bottom').boundingClientRect(); // 执行查询 query.exec(ele => { let e = ele[]; wx.pageScrollTo({ scrollTop: e.top,

在app.json中配置 { "pages": [ "pages/index/index", "pages/staging/staging", "pages/shopcar/shopcar", "pages/find/find", "pages/my/my" ], "window": { "backgroundTextStyle": "l

1.在compontents新建文件放入 <template> <section class="tabBar-wrap"> <article class="tabBar-box"> <ul class="tabBar-nav" v-if="navList.length > 0"> <li class="item" v-for="(item

就在刚刚,小程序上线两个新能力——小程序支持打开APP了,小程序的标题栏区域开放自定义.用户可以在小程序里更方便地获取到APP的服务了——APP链接分享到微信,打开小程序页面后,用户从该小程序页面里,也能支持打开APP.现在,开发者可以设置小程序菜单栏颜色深浅的风格,同时也可以根据小程序自身的风格,对小程序菜单外的标题栏区域进行自定义调整和设计. 这俩能力到底是怎样的,各位请往下看. 一键跳转,就现在 去年,微信团队开放了“APP链接分享到微信,点开就是小程序”等能力.现在,小程序和APP又有了

根据微信的官方文档,小程序支持打开APP,专门研究了下这个API有什么,官方文档地址如下 https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html launchApp 打开APP,可以通过app-parameter属性设定向APP传的参数 我们再看来看launchAPP的参数说明  https://mp.weixin.qq.com/debug/wxadoc/dev/api/launchApp.html launchApp(OB

之前开发过类似得需求,也踩了一些小坑,在这里和大家分享下,毕竟这样的需求也不在少数,基本上产品后期都会有这样的需求: 官方说明 因为需要用户主动触发才能打开 APP,所以该功能不由 API 来调用,需要用 open-type 的值设置为 launchApp 的 <button> 组件的点击来触发. 另外一个条件 当小程序从 APP 分享消息卡片的场景打开(场景值 1036),小程序才会获得打开 APP 的能力,此时用户点击按钮可以打开分享该卡片的 APP.即小程序不能打开任意 APP,只能 跳

微信小程序可以在PC端打开啦 微信PC版发布了v2.7.0测试版,其中一个重磅的功能就是:支持打开聊天中分享的小程序 咖啡君这么喜欢尝鲜的人自然是在第一时间下载进行了体验 安装成功,会有功能更新说明 上边赫然写着"可以打开聊天中的小程序消息",一阵兴奋 将小程序分享给好友后,可以在PC端微信聊天窗口中看到卡片式的小程序界面跟手机端看到的样式保持了一致 点击卡片可以打开小程序,小程序会以新窗口的形式呈现,且在任务栏有独立的图标 大部分的操作跟手机端保持了一致,同时需要微信登陆的地方也支持

小程序底部导航 1.app.json页面配置: { "pages": [ "pages/movie/movie", "pages/cinema/cinema", "pages/find/find", "pages/me/me" ], "window": { "backgroundTextStyle": "light", "navigati

这是我自学ui-app的第一张记录内容,问题都是我在实际开发中遇到的问题 1.微信开发工具打开失败,提示是: 接着我的流程就是打开上面提到的链接,进入页面:https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html 接着我进入cdm 命令行 真心的走不下去了.我也是很着急的 所以我用了另一种方法手动打开了小程序 打开小程序-->新建项目-- >选择项目目录-->打开项目源码目录-->unpackage--&g

给提问的开发者的建议:提问之前先查询 文档.通过社区右上角搜索搜索已经存在的问题. 写一个简明扼要的标题,并且正文描述清楚你的问题. 提交 BUG:需要带上基础库版本号,设备信息(iOS, Android,开发工具等等),操作系统信息(系统版本),以及可以让他人重现的信息,最好能够提供重现 demo. 对于提供信息过少的问题,会直接关闭,请提供完整信息以后重新打开问题.另外,对于如何做某某功能,可否做某某功能的问题,会直接关闭. 微信小程序常见FAQ(17.8.21-17.8.27) Q:1.5

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

官方网站 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 项目结构介绍 -- MINA框架 https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html 组件视图 #视图API文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/?t=20161122#视图手机体验https://mp.weixin.qq.com/debug