E企盈营销工具技术服务商 热线:4006-838-530

小程序跳转公众号,小程序跳转公众号的简单方法的实现

E企盈直播平台营销卖货系统

随着小程序不断的发展,现在个人的小程序也开放了很多功能了,个人小程序直接打开公众号链接。在群里看到的一款小程序,点击可以直接阅读文章了,所以琢磨了一下,写了一些源码。主要代码:web-viewsrc=”https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247485016&idx=1&sn=e5f60600ea30f669264ddcf5db4fb080&chksm=eaef2168dd98a87ead60eed0f24e799c1befbfe95e341231216af72315c33a56839f92e69ef9&token=29762947&lang=zh_CN#rd”/web-view为了达到效果,更加具体的demo效果如下github地址:weixin.wxmlnavigatorurl=”/pages/search/search”hover-viewinputplaceholder-placeholder=”输入文章和链接”bindinput=”bindSearchInput”/imagesrc=”/images/search.png”bindtap=”tapSearch”//view/navigatorviewviewwx:for=”{{cardTeams}}”wx:key=”{{cardTeam.viewid}}”wx:for-item=”cardTeam”bindtap=”bindViewTap”imagesrc=”{{cardTeam.img src}}”mode=”scaleToFill”/imageviewtext{{cardTeam.name}}/textviewtext{{cardTeam.count}}/text/view/view/view/viewweixin.wxss.container{padding-top:0;}.item{width:100%;height:220rpx;position:relative;display:flex;margin:10rpx10rpx;border-bottom:1pxsolidrgb(197,199,199);}.item:first-child{margin-top:0;}.item.remove{width:60px;height:100%;background-color:red;position:absolute;top:0;right:-60px;display:flex;justify-content:center;align-items:center;}.item.number-wrapper{height:100%;padding-top:40rpx;flex-direction:column;justify-content:space-between;}.item.ok{width:60px;height:100%;padding-right:20rpx;display:flex;justify-content:center;align-items:center;background-color:#98f5ff;}.item.img{width:150rpx;height:150rpx;padding:20rpx;}.number-wrapper.name{margin:10rpx10rpx10rpx10rpx;font-size:39rpx;overflow:hidden;}.number-wrapper.count-wrapper{display:flex;align-items:center;margin-left:10rpx;font-size:25rpx;}.number-wrapper.count-wrapper.decrease-btn{font-size:30rpx;}.number-wrapper.count-wrapper.increase-btn{font-size:30rpx;}.number-wrapper.count-wrapper.count{margin:01rpx01rpx;font-size:30rpx;}.number-wrapper.price-wrapper.people{margin-left:250rpx;font-size:30rpx;}/搜索框样式/.view-search{display:flex;flex-direction:row;height:70rpx;margin:20rpx;padding:5rpx;border:1px#e4e2e2solid;border-width:thin;align-items:center;}.input{flex:1;height:60rpx;}.input-placeholder{color:#999;}.button{width:60rpx;height:60rpx;}weixin.js//index.js//获取应用实例varapp=getApp();varcardTeams;Page({data:{cardTeams:[{“viewid”:”1″,”img src”:”../../images/win/1.jpg”,”price”:”¥1245″,”count”:”一个40岁老码农的总结,”,”name”:”一个40岁老码农的总结,奋斗”,},{“viewid”:”2″,”img src”:”../../images/win/2.jpg”,”price”:”¥2345″,”count”:”小公司打杂三年,意外拿到”,”name”:”小公司打杂三年,意外拿到美”,},{“viewid”:”3″,”img src”:”../../images/win/3.jpg”,”price”:”¥2345″,”count”:”作为一个有追求的前端程序媛作”,”name”:”作为一个有追求的前端程序媛”,},{“viewid”:”4″,”img src”:”../../images/win/4.jpg”,”price”:”¥2345″,”count”:”女程序媛面试总结:我”,”name”:”女程序媛面试总结:我是这”,},{“viewid”:”5″,”img src”:”../../images/win/5.jpg”,”price”:”¥2345″,”count”:”前端工作那些年,怎么避?”,”name”:”前端工作那些年,怎么避免”,}]},//事件处理函数bindViewTap:function(){wx.navigateTo({url:’../weixinlink/weixinlink’})},onLoad:function(){console.log(‘onLoad:’+app.globalData.domain)}})文章界面weixinlink.wxmlweb-viewsrc=”https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247485427&idx=1&sn=ebfb8851c6cbb0d40c93f8ecbda83687&chksm=eaef20c3dd98a9d5a19f5ad195888c603c8c819021bab602d11f9aa757b66475d39d23f664c4&token=1408526571&lang=zh_CN#rd”/web-view注意:小程序要和公众号关联,链接才可以打开。原文作者:祈澈姑娘技术博客:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序跳转公众号,小程序跳转公众号的简单方法的实现
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏