首页进一步实现分类展示、分类导航,将所有的问题按照发布者的学校、学院和问题已解决还是为解决分类,因为问答数据库Qes-info设计的时候我们就只设计了问题内容、收藏的人数、发布者学校学院这些数据。

 data: {input: null,//问题信息userSchool: null,userFaculty: null,details: null,},

main.js

 if (that.data.filterVal == 1) { //本学校筛选qesInfo.where({userSchool: that.data.userSchool,}).skip(that.pageData.skip).orderBy('qesTime', 'desc').get({success: res => {//console.log(res)wx.hideLoading()let oldData = that.data.fileCollectionthat.setData({fileCollection: oldData.concat(res.data)})that.pageData.skip = that.pageData.skip + 20;},fail: err => {console.error(err)}})} else if (that.data.filterVal == 2) { //本学院筛选qesInfo.where({userSchool: that.data.userSchool,userFaculty: that.data.userFaculty,}).skip(that.pageData.skip).orderBy('qesTime', 'desc').get({success: res => {//console.log(res)wx.hideLoading()let oldData = that.data.fileCollectionthat.setData({fileCollection: oldData.concat(res.data)})that.pageData.skip = that.pageData.skip + 20;},fail: err => {console.error(err)}})} else if (that.data.filterVal == 3) { //已解决筛选qesInfo.where({fileId: db.command.not(db.command.size(0)), //数组长度不为0}).skip(that.pageData.skip).orderBy('qesTime', 'desc').get({success: res => {//console.log(res)wx.hideLoading()let oldData = that.data.fileCollectionthat.setData({fileCollection: oldData.concat(res.data)})that.pageData.skip = that.pageData.skip + 20;},fail: err => {console.error(err)}})} else if (that.data.filterVal == 4) { //未解决筛选qesInfo.where({fileId: [],}).skip(that.pageData.skip).orderBy('qesTime', 'desc').get({success: res => {//console.log(res)wx.hideLoading()let oldData = that.data.fileCollectionthat.setData({fileCollection: oldData.concat(res.data)})that.pageData.skip = that.pageData.skip + 20;},fail: err => {console.error(err)}})} else { //无筛选qesInfo.skip(that.pageData.skip).orderBy('qesTime', 'desc').get({success: res => {//console.log(res)wx.hideLoading()let oldData = that.data.fileCollectionthat.setData({fileCollection: oldData.concat(res.data)})that.pageData.skip = that.pageData.skip + 20;},fail: err => {console.error(err)}})}

main.wxml

<view class="filter"><view class="manage {{filterVal==null?'hover':''}}" bindtap="all">全部</view><view class="manage {{filterVal==1?'hover':''}}" bindtap="mySchool">本学校</view><view class="manage {{filterVal==2?'hover':''}}" bindtap="myFaculty">本学院</view><view class="manage {{filterVal==3?'hover':''}}" bindtap="solved">已解决</view><view class="manage {{filterVal==4?'hover':''}}" bindtap="unSolved">未解决</view><view class="total">共 {{total}} 项</view>
</view>

首页分类导航进一步优化相关推荐

  1. 亚巴逊首页分类导航菜单触发区域控制原理窥视

    对于大型电子商务网站,不论是平台型电商还是垂直型电商,由于商品品类丰富,入口繁多,为方便用户快速定位及查询,在首页一般会挂出一个分类导航的菜单.例如国内的天猫,京东,当当,凡客,苏宁易购...国外的A ...

  2. 【愚公系列】2022年11月 uniapp专题-优购电商首页-分类导航

    文章目录 前言 一.分类导航 1.获取分类导航的数据 2.完整源码 3.效果 前言 商品分类是指根据一定的管理目的,为满足商品生产.流通.消费活动的全部或部分需要,将管理范围内的商品集合总体,以所选择 ...

  3. php 京东首页分类导航,仿京东导航栏

    摘要: 仿京东顶部导航栏  仿京东顶部导航栏 *{ margin:0px; padding:0px; } .header{ width:100%; height:35px; background-co ...

  4. php 京东首页分类导航,纯CSS京东商城分类导航菜单代码-懒人建站

    h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},Z=/^(?:checkbox|r ...

  5. 微信小程序(二)首页之分类导航

    三.分类导航 用ul,li Navigation.wxml <!--components/Navigation/Navigation.wxml--> <!-- 导航--> &l ...

  6. android 栏目编辑,通达信手机Android V3.09版(20170406) 进一步优化了指标编辑功能...

    好股票软件下载网(www.goodgupiao.com)提示:您正在下载的是:通达信手机Android V3.09版(20170406) 进一步优化了指标编辑功能 通达信手机版体现了信息全面丰富.运行 ...

  7. 【DP】【树状数组】折线统计(金牌导航 数据结构优化DP-1)

    正题 金牌导航 数据结构优化DP-1 题目大意 平面上有n个点,让你选择若干点,连接x坐标相邻的点,其中连续上升或下降的为一段,问你有多少中选择方案,使得段数为k 解题思路 设fi,j,0/1f_{i ...

  8. 电商小程序实战教程-分类导航

    电商小程序实战教程 第一章 总体介绍 第二章 创建数据源 第三章 创建管理后台 第四章 首页的创建 前言 从上一篇开始,我们就正式进入到了电商小程序的实战开发阶段.首先是介绍了首页的开发,首页主要是展 ...

  9. 梯度下降法算法比较和进一步优化

    梯度下降法算法比较和进一步优化 常见的梯度下降算法有: 全梯度下降算法(Full gradient descent), 随机梯度下降算法(Stochastic gradient descent), 小 ...

最新文章

  1. 爬虫笔记:爬虫的基本原理
  2. 典型PC系统各操作指令执行时间
  3. 交互规则_您必须永不中断的10条交互设计规则
  4. 1.4 为什么深度学习会兴起?(Why is Deep Learning taking off?)
  5. linux SPI分析
  6. HTML5的Histroy API
  7. C语言课后习题(36)
  8. unsigned int数相减时候的trick
  9. 【实例】原生 js 实现全屏滚动效果
  10. JS等比例缩小图片尺寸
  11. 3dmax导入模型,解决贴图不显示的问题
  12. Mac 下安装pip,卸载pip方法
  13. 众包专访:快得难以想象!开源中国众包解决了团队开发的燃眉之急
  14. photoshop CS6 安装 coolorus色环
  15. 阿里云跨账号迁移云服务器实例
  16. 【Linux系列文章】软件包管理
  17. 抓到Netty一个隐藏很深的内存泄露Bug | 详解Recycler对象池的精妙设计与实现
  18. 什么是Tableau(BI工具)
  19. 插秧诗 - 退步原来是向前
  20. CSP第二轮比赛注意事项

热门文章

  1. 用云开发制作教务助手小程序丨实战
  2. 大数据分布式存储方案的两种部署模式-分离式和超融合
  3. 【CJOJ】为了博多
  4. 4g运行内存手机还能用多久_手机运行内存越大越好吗?4G与6G运存区别有多大?日常应用差不多...
  5. 谷歌地图标注_网友使用99部智能手机在谷歌地图制造虚拟交通拥堵
  6. 树莓派下载机的安装配置
  7. chrome 27 中文离线安装包下载
  8. Go C 编程 第9课 放飞汽球(魔法学院的奇幻之旅 Go C编程绘图)
  9. Windows --- 模态对话框
  10. oracle修改连接端口,更改Oracle数据库连接端口