wxml代码

<!--pages/shu/index.wxml-->
<view class="chaxun"><input  class="chaxun_zuo" type="text" name="cx_neirong" value="{{cx_neirong}}" placeholder="请输入图书名称"></input><button  class="chaxun_you" type="mini" form-type="submit" >查询</button>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">前端基础课</view><navigator class="qukuai_you" url="/pages/shipin/index2" >所有课程>></navigator>
</view>
<view class="fenlei"><navigator class="fenlei_list" url="/pages/shipin/index2" >HTMl</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >CSS</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >Javascript</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >其他</navigator>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">JS系列课</view><view class="qukuai_you">所有课程>></view>
</view>
<view class="fenlei"><view class="fenlei_list">Vue.js</view><view class="fenlei_list">Uni-app</view><view class="fenlei_list">Javascript</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">微信小程序</view><view class="qukuai_you">所有课程>></view>
</view>
<view class="fenlei"><view class="fenlei_list">微信小程序</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">WEB服务器端</view><view class="qukuai_you">所有课程>></view>
</view>
<view class="fenlei"><view class="fenlei_list">ASP</view><view class="fenlei_list">PHP</view><view class="fenlei_list">JAVA</view><view class="fenlei_list">Go语言</view><view class="fenlei_list">Python</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">数据库</view><view class="qukuai_you">所有课程>></view>
</view>
<view class="fenlei"><view class="fenlei_list">Mysql</view><view class="fenlei_list">Sql Server</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">移动开发</view><view class="qukuai_you">所有课程>></view>
</view>
<view class="fenlei"><view class="fenlei_list">H5</view><view class="fenlei_list">跨平台开发</view><view class="fenlei_list">微信开发</view><view class="fenlei_list">其他</view>
</view>

wxss代码

/* pages/shu/index.wxss */
.chaxun{background-color:#f2f2f2;display: flex;margin: 5px;padding: 5px;border-radius: 5px;align-items: center;
}
.chaxun_zuo{padding-left: 15px;flex-grow: 1;
}
.chaxun_you{border-radius: 0px;background-color: orange;color: white;border-top-right-radius: 5px;border-bottom-right-radius: 5px;
}.qukuai{display: flex;align-items:center;background-color: #f9f9f9;}
.qukuai_zuo{margin: 5px 10px; width:5px; height:20px; background-color: rgb(13, 163, 233);border-radius: 10px;}
.qukuai_zhong{font-size: 16px; flex-grow: 1;color: rgb(13, 163, 233);}
.qukuai_you{font-size: 16px; color: gray;padding-right: 10px;}.fenlei{display: flex; flex-wrap: wrap;font-size: 14px;
}
.fenlei_list{width: 25%;padding: 10px 0px 10px 10px;box-sizing: border-box;font-size: 16px;
}

在线电子书阅读微信小程序 毕业设计(2)分类相关推荐

  1. 在线电子书阅读微信小程序 毕业设计(3)图书列表

    wxml代码 <!--pages/shu/index.wxml--> <view class="chaxun"><input class=" ...

  2. 在线电子书阅读微信小程序 毕业设计(1)首页

    wxml代码 <view><!--广告图片 mode="widthFix" 设定高度随宽度自动变化--><image class="ad01 ...

  3. 在线电子书阅读微信小程序 毕业设计(4)图书详细页-图书目录

    wxml代码 <!--pages/shu/mulu.wxml--> <view class="qukuai"><view class="qu ...

  4. 在线电子书阅读微信小程序 毕业设计(5)用户登录注册

    wxml代码 <form ><view class='denlgu'><text class='shuoming'>请输入您的会员账号</text>&l ...

  5. 在线电子书阅读小程序,微信小程序电子书阅读,微信小程序小说阅读器毕业设计作品

    项目背景和意义 目的:本课题主要目标是设计并能够实现一个基于微信小程序在线电子书阅读系统,前台用户使用小程序,后台管理使用基Java+MySql技术:通过后台录入电子书信息.书目录信息,用户通过小程序 ...

  6. 推荐几个【2021年原创】微信小程序毕业设计的课题 小程序毕业设计题目 小程序毕设选题参考 基于微信小程序毕业设计

    (1)电影院订票选座小程序 毕业设计 课程设计( 使用教程) https://ke.qq.com/course/3061789?taid=10201006892562461&tuin=2b10 ...

  7. 2022到2023基于PHP+微信小程序毕业设计课题参考

    下面是收集整理的课题目录,这些课题都是已经做好的成品: 都配有了项目环境搭建视频,项目发布和操作视频,项目设计到的知识基础课 毕业设计答辩一般是10分钟:前面5分钟演示作品,后面5分钟答辩:做毕设也要 ...

  8. 推荐几个微信小程序毕业设计的课题

    (01)微信小程序商城 https://ke.qq.com/course/3419421 (02)电影院订票选座小程序 https://ke.qq.com/course/3418657 (03)餐厅酒 ...

  9. 微信小程序毕业设计选题和毕业论文怎么写,答辩流程是怎样的?

    1. 开始准备选题 大四上学期开学时开始准备论文的,首先是确定论文主题,看自己想做什么毕业设计,可以选取之前接触过的,做过的东西,这样快一些,如果选的是没接触过的方向,一定要早点开始.打算做一个小程序 ...

最新文章

  1. GPS轨迹数据集免费下载资源整理
  2. Struts2 - 处理一个form多个submit
  3. 字符串匹配算法(KMP)
  4. Android 功耗(19)---LCD背光驱动节电技术-LABC/CABC
  5. nyoj 471:好多的树(容斥原理)
  6. 全文检索(LuceneSolr)
  7. 南半球左撇子的人是否多一些
  8. java 快逸报表_报表展现输出 | 快逸报表工具 java报表软件
  9. 半导体器件物理【7】固体量子 —— 统计力学
  10. 火狐浏览器设置url编码_URL编码与解码
  11. Ubuntu连接WIFI并开启热点
  12. Python-玩转数据-利用百度高德经纬度地图定位
  13. 【论文笔记】Program synthesis using natural language
  14. JAVA开发常用英语单词总结四
  15. SSO的实现和参考工具类
  16. 集成运放的主要技术指标
  17. navicat与mysql
  18. 伺服电机步进电机区别
  19. 2020初网络营销成功案例
  20. putty修改显示服务器ip或域名,putty 标题显示ip

热门文章

  1. php类和对象教程,php类和对象
  2. 【TVM源码学习笔记】2.1 onnx算子转换
  3. 【毛坦厂复读生心中所想】—— 我在大学挺好的【内附学习资源和路线】
  4. 如何使用装饰设计模式读取指定路径下的纯文本文件的实现代码
  5. TEST | 运用position:absolute做一张太极图
  6. Spring Boot Redis 实现分布式锁,真香
  7. Ubuntu: Host Controller not enabled 报错
  8. Android 8.0 状态栏信号显示、信号定制
  9. 优化算法—人工蜂群算法(ABC)
  10. C/C++常用计时函数