然后再去:
【记录】小程序优化绘本查询细节的功能和逻辑
折腾:
【记录】小程序实现绘本查询的详情页
后,2个大页面:
- 首页=查询页
- 详情页
的主体内容都画出来了,现在要去继续后续细节的优化:
比如:
支持tag点击调转到首页查询页
对于点击tag:
![](https://www.crifan.com/files/pic/uploads/2021/03/59252711517f437e945ff3f3df07491e.jpg)
需要跳转到查询页,且传递参数是:
当前被点击的tag+难度值
【心得】小程序中的text元素的写法有坑
需要先去实现:
【已解决】小程序中实现自定义组件调用自定义组件
期间需要实现:
【已解决】小程序中实现列表中第一个元素特殊显示
然后再去优化:
【已解决】小程序中input输入框输入的内容太靠左边左对齐了
以及:
【已解决】小程序中实现点击按钮展开或收起的一段文字
【已解决】小程序中给input输入框内部右边添加关闭按钮清除输入内容
【已解决】小程序中去掉按钮的边框
【基本解决】小程序中右边的值多行显示错乱
至此,基本上完成了优化了:
首页的功能:
![](https://www.crifan.com/files/pic/uploads/2021/03/279a36106be84649be2b18b2b733fa5a.jpg)
输入内容:
![](https://www.crifan.com/files/pic/uploads/2021/03/6c603d31827042d1b325c74386e37a73.jpg)
点击x,去清除:
![](https://www.crifan.com/files/pic/uploads/2021/03/bb37a9e8496f43809994fec6074477f3.jpg)
输入内容去查询:
![](https://www.crifan.com/files/pic/uploads/2021/03/08da5c1546df4e36af1fe618858262f9.jpg)
点击后进入详情:
![](https://www.crifan.com/files/pic/uploads/2021/03/a56b4d7f32574b9eba2cc8cd91672804.jpg)
![](https://www.crifan.com/files/pic/uploads/2021/03/16b5b39189414b9b8958fdb9c8c71409.jpg)
点击更多查看下完整简介:
![](https://www.crifan.com/files/pic/uploads/2021/03/2003e67b8d6d4e7193a49b88f8b61bb8.jpg)
![](https://www.crifan.com/files/pic/uploads/2021/03/134d56c65d2f4a5283b463662863fcab.jpg)
点击tag去搜索:
![](https://www.crifan.com/files/pic/uploads/2021/03/8818f7817d5d47bdb20167c5cef5bae5.jpg)
转载请注明:在路上 » 【记录】小程序优化绘本查询细节的功能和逻辑