小程序是可以展示网页的

2020-09-24 · 周四开心阵雨

昨日下了一场雨,早上就感受到了秋天的气息。天气变的略微凉快了,结果在公司的一整天,就凉的可怕 😨 真的要穿一件外套才行了啊!

晚上继续搞了下自己的小程序,发现 <web-view> 组件就可以实现访问网页的效果!这就解决了小程序首页不能访问博客文章的尴尬局面!不过我这个是个人小程序,不可以添加 WebView 的业务域名,也就导致即便正式上线也是无法使用的!但在手机上实测,却是可以正常访问,也算是让我尝了个甜头吧!

每篇日记不一定都有插图,详情页面因此需要用到随机头图的功能。但是 WXML 貌似不能直接使用同名 JS 里面定义的函数啊?查了下解决方案,貌似是得单独拆一个 WXS 模块,最简单的办法就是将它直接写在 WXML 里面就可以了,也算是基本完成了我想要的效果了吧!

<wxs module="tool">
  var a = function (minNum, maxNum) { return parseInt(Math.random() * ( maxNum - minNum + 1 ) + minNum, 10) };
  module.exports = { rand: a }
</wxs>
<view class="note-head">
  <image src="{{article.photo[0] ? 'https://paul.ren/upload/note/' + article.photo[0].year + '/' + article.photo[0].name : 'https://paul.ren/static/img/article/' + tool.rand(1, 40) + '.jpg'}}" wx:key="id" mode="widthFix"></image>
  <view class="note-title">
    <text class="note-date">{{article.date}}</text>
    <text>{{article.title ? article.title : year + ' 的第 ' + item.id + ' 篇日记'}}</text>
  </view>
</view>

更好的方法,我认为应该是将这个模块单独编写出来,并在需要的页面里面引用进来。具体如何,还待我一试!敬请期待!

09.24-随机头图.jpg
Journey

Journey

Capo Productions
Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

近期评论

鲍小螺: 前辈多多指教!ahu: 后生可畏寻梦xunm: 真不错,板子很好看。timochan: 太惨了( ,更新暴毙,如果恢复没成功,数据也 dump 不出来鲍小螺: 在这部分对话中,广树和保罗继续讨论生活的不同方面。保罗提到了技术更新和国内的优秀 IT 技术。广树解释了在国内积累的经验如何在日本产生穿越的感觉,并表达了对于日本生活节奏的喜爱。他还提到了医疗水平的差异和对于生活方式的感受。保罗表示,通过动漫和现实的对比,艺术来源于现实,日本生活的确有着独特之处。他们讨论了国内的生活节奏和就医等方面的压力,以及个人选择的自由。最后,他们也谈到了不结婚不买房的选择和对于房价的困扰。鲍小螺: 该对话进一步讨论了房地产和税收的问题。保罗提到了国内的房地产税和增值税以及日本的固定资产税。广树解释了日本房地产税的收取方式,以及房产税对于国内房产的影响。他认为,与国内相比,日本的房子质量和服务更好。保罗提出疑问,为什么自己拥有的地也要交税。广树解释了类似增值税的原理,并指出在日本拥有房产是稳定安全的。最后,保罗表示从广树的角度来看,情况确实是如此。鲍小螺: 这篇文章的聊天记录也尝试过用 GPT 总结,结果并不是太好,不知道是不是 Prompt 的问题,实际出来的内容过于简练了,于是又耗费了半小时写完,呼~
奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君