wonderfully 小程序作品分享

carbon (5).png

闲暇之余本想了解一下小程序,刚好看到社区发布了小程序教程,果断买了看了起来,自己也怼了这个小程序。收获颇多:laughing:

先上个图了解一下:

wonderfully.gif

里面的功能都是基于自己的博客网站写的cocoyo,然后根据自己的审美美化了样式,css样式定义的有点糟糕:joy:。

文章的列表和详情样式是参考我的第一个微信小程序(Discuz!! + 微信小程序),其它的页面有参考支付宝的排版样式。总之,自己感觉该可以:joy:

声明

你应该和https://github.com/ningge123/cocoyo 配套使用,所有小程序接口都是这个提供。

安装

git clone git@github.com:ningge123/wonderfully.git
npm install

修改文件wepy.config.js里的接口地址replace: prod ? "'https://www.cocoyo.xin'" : "'http://cocoyo.test'"

npm run dev

然后打开微信开发者工具指向dist目录就可以啦!

已知问题

  • npm run build的时候引用的wxsswxml会被忽略,所以你应该自己从复制过去,引用的wxsswxml的文件有markdown目录下所有wxsswxml文件,记得复制哦!不然文章详情没法渲染出来,我找了好久也没有找到问题所在!!

有知道这些问题的大神可以私信的,非常感谢:kissing_closed_eyes:

最后附上github地址和小程序二维码

github

nz4Vq3gV2KWM7JkgeLwAHxmD50c4mvuXi8TvTkdN.jpeg

如此.
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!