qq_33613491的博客

一、搜索框UI基本实现1、首页到搜索界面的跳转事件监听原生标题栏搜索输入框点击事件：框架-生命周期-页面生命周期中的onNavigationBarSearchInputClicked（）跳转路由事件：API-路由与页面跳转中的uni.navigateToindes.vue文件中的data中添加监听//监听搜索框点击事件 onNavigationBarSearchInputClicked(){ // 跳转到搜索界面 uni.navigateTo({ url:"../sea

一、首页模型搭建首先，首页有个底部导航——tabBar，分为四个模块，故对应在pages下创建模块，pages.json文件中代码如下：{ "pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/index/index", "style": {} ,{ "path" : "pages/news/news", "style" : {} } ,{

一、底部导航tabBar二、view和text组件viewtext三、CSS3选择器类选择器：ID选择器：奇偶选择器：nth-of-typefirst-of-type/last-of-typenth-child四、flex布局display：flexflex-direction:justyfy-content:align-items:flex-shrink:设置是否被压缩五、数据渲染.name>view六、Class与Style绑定：classstyle

一、准备工作1、uni-app开发官网下载Hbuilder开发工具，直接下载解压缩就可以用了https://uniapp.dcloud.io/quickstart2、HBuilder插件安装：工具——插件安装——APP真机运行/uni-app编译/stylelint/eslint-js/es6编译二、创建uni-app项目1、创建uni-app新项目并命名会生成一系列文件。2、项目框架结构3、pages.json包含所有页面（pages）及全局样式（globalStyle）4、manif