Taro适配小程序和h5的话题发布小案例

内容:完成在小程序和h5的话题发布小案例,主要功能话题发布,按点赞数排序。

框架:taro

遇到的问题

  • 最好在小程序端开发
  • 把需要的组件都得用import { View, Text, Button } from ‘@tarojs/components‘引进来,否则不能适配h5端
  • 事件的参数名必须以on开头,是为了适配小程序
  • 尽量避免相同的命名,在小程序端因为组件的样式只对本身起作用,外界的样式对自定义组件时不起作用的,h5外界样式会对自定义组件起作用

源码地址https://github.com/wkx1214108696/articleModel

 效果图:

原文地址:https://www.cnblogs.com/Ingots/p/11603944.html

时间: 2024-07-31 22:59:03

Taro适配小程序和h5的话题发布小案例的相关文章

小程序和H5、app、公众号、有什么区别?

小程序和H5.app.公众号.有什么区别?下面木鱼小铺就和大家分享一下四者之间的区别.一.小程序和app的不同之处 1.开发 app需要适配市场上很多款的主流手机,开发成本大. 小程序一次开发就可以自动适配所有手机. 2.开发周期 一款完善的双平台app平均的开发周期约3个月: 小程序平均开发周期约2周内,仅为app的六分之一. 3.发布 app需要向十几个应用商店提交审核,且每个应用商店要求的资料都不一样,非常繁琐:小程序只需要提交到公众平台审核. 4.下载 app从应用商店里下载. 小程序通

仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)

仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5) 运行条件 HBuilder X 2.2.2 安装后,从插件市场导入,即可真机运行 vue 项目地址 github https://github.com/15157757001/scroll-video uniapp插件市场 https://ext.dcloud.net.cn/plugin?id=664 说明 插件分别用swiper实现(多端兼容)和css3动画实现(暂时只支持app),可自行切换. 插件在uni-app编译模式下编写(已切

张小龙宣布微信小程序1月9日发布,并回答了大家最关心的8个问题

2016 年 12 月 28 日,张小龙在微信公开课 PRO 版的会场上,宣布了微信小程序的正式发布时间. 微信小程序将于 2017 年 1 月 9 号正式上线. 同时他解释称,小程序就像PC时代的网站,不需要下载.安装,信息触手可及,用完即走,无需卸载. "小程序非常接近于PC时代的网站的服务,网站服务不同于公众号,它更直接.大家想象一下,把小程序看作是PC时代的网站的话可能更好理解."张小龙说. 张小龙表示,用户在一个产品中耗了多少时间,不是微信的考量目标.微信看重的是,产品能帮助

web-view小程序转发功能,web-view和小程序之间传参

web-view的src只能带一个参数src="…?a=1" h5页面 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)

WordPress版微信小程序2.2.0版发布

2017年8月12日WordPress版微信小程序2.2.0版通过了微信的审核正式发布,此版本的更新以完善功能为主.主要更新的功能是:站内链接,猜你喜欢,热点文章. WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 了解程序的开发历程及开发技术,建议看看相关版本的更新文章: 1.用微信小程序连接WordPress网站 2.WordPress版微信小程序1.5版本发布 3.WordPress版微信小程

一起脱去小程序的外套和内衣 - 微信小程序架构解析

版权声明:本文由渠宏伟  原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/760767001484042227 来源:腾云阁 https://www.qcloud.com/community 作者介绍: 渠宏伟,腾讯高级工程师,从事Web前端开发5年,先后负责企鹅电竞.腾讯视频VIP.腾讯OA开发框架.腾讯微信HR助手等项目.对Web前端架构..NET架构有丰富的经验. 微信小程序的公测掀起了学习小程序开发的浪潮,天生跨

WordPress版微信小程序2.2.8版发布

距离上次更新已经一个月了,这期间对WordPress版微信小程序 做的不少小的更新和性能的优化,此次版本更新推出了两个比较重点的功能:点赞和赞赏.同时,优化了文章页面的功能布局,在评论区把常用的功能:转发,复制,点赞,赞赏,都集中在一个操作面板,同时为了不占用文章页面的空间,做了隐藏. WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 了解程序的开发历程及开发技术,建议看看相关版本的更新文章: 1.

WordPress版微信小程序2.1.5版发布

WordPress版微信小程序功能已经基本完善,利用这套程序,搭配WordPress提供的rest api,WordPress网站的站长可以快速搭建属于自己的网站微信小程序 . WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 如果你对小程序还不了解,可以先去看看我以前写的wordpress版微信小程序的系列文章: 1.用微信小程序连接WordPress网站2.WordPress版微信小程序1.5版

小程序支持打开APP了 还有小程序的标题栏也可以自定义

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