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;
}

在线电子书阅读微信小程序 毕业设计(3)图书列表相关推荐

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

    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. [译] Kotlin 标准方法备忘
  2. 2011年GALGAME不朽巨作推荐
  3. Android模拟多线程下载
  4. SAP PR 转 PO
  5. 《Java 7程序设计入门经典》一3.7 for循环
  6. 网页设计html最简单水印方法,前端canvas水印快速制作(附完整代码)
  7. codevs 2185 最长公共上升子序列--nm的一维求法
  8. CompletableFuture详解~thenAccept
  9. accept和select的区别
  10. leetcode —— 687. 最长同值路径
  11. ES6学习笔记(四):教你轻松搞懂ES6的新增语法
  12. 【经验之谈】掌握这13个PyTorch Trick,让你做实验行云流水~
  13. 无线通信算法工程师知识地图
  14. audioread函数未定义_我在MATLAB中运行下面的程序, 提示未定义函数或变量wavread 这是为什么呀?求解答...
  15. 北卡州立大学计算机科学硕士,北卡罗莱纳州立大学计算机科学专业研究生申请条件有哪些?...
  16. MySQL必知必会(2)
  17. 计算机cpu型号有,intel cpu有多少种型号
  18. Java虚拟机内存模型简单介绍
  19. linux 打开终端自动运行脚本.barshrc
  20. PHP安装包TS和NTS的区别-Centos7 LANMP环境搭建(最完善版本)

热门文章

  1. 腾讯云服务器配置LNMP环境并安装wordpress
  2. Oracle什么情况使用omf,从参数取值看Oracle OMF特性
  3. AF_XDP socket 测试
  4. 远程桌面教程及指定主机远程连接方法
  5. 灵遁者是散文:不可理解的痛
  6. 个人如何搭建博客网站
  7. 美食杰 login的实现效果
  8. 走马观花-浪里跳-学习英文
  9. 技术人如何打造个人品牌?
  10. javaWeb项目跑起来吧