wonderfully 小程序作品分享
10

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

如此.

《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!