05 2020 档案

select input 默认样式修改
摘要：1、select select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: none; outline: none; background: none; /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz 阅读全文
posted @ 2020-05-28 15:50 蓝精灵61 阅读(789) 评论(0) 推荐(0)
css 上下左右居中
摘要：1、文字图片上下左右居中 icon 置display:inline-block;// 父元素设置文字居中 text-align:center 阅读全文
posted @ 2020-05-28 15:43 蓝精灵61 阅读(479) 评论(0) 推荐(0)
sass文件的编译
摘要：HubilderX中编译sass文件 前提： sass环境已搭建成功 HbuilderX插件已安装scss/sass编译 编译： .scss文件右键--》外部命令/插件--》sass--》编译sass/scss 成功后控制台输出成功提示：Wrote CSS to /...文件路径，默认在当前文件夹相 阅读全文
posted @ 2020-05-28 11:48 蓝精灵61 阅读(240) 评论(0) 推荐(0)
sass环境的搭建
摘要：1、Sass是基于Ruby开发的，运行Sass需要一个Ruby环境（只需在电脑中安装一个Ruby环境即可） 2、Win系统，需要先在电脑中安装Ruby 3、Mac电脑自带Ruby环境，无需安装 系统：macOS 10.13.6 命令行安装sass： sudo gem install sass 提示 阅读全文
posted @ 2020-05-28 11:16 蓝精灵61 阅读(244) 评论(0) 推荐(0)
iphoneX 适配
摘要：body{ font-size: 12px; min-height:568px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-family:PingFangSC,Microsoft Yahei,Helvetica N 阅读全文
posted @ 2020-05-20 15:01 蓝精灵61 阅读(133) 评论(0) 推荐(0)
flex 特殊布局
摘要：一、 // display: flex; flex-direction: column;//上下布局 justify-content:space-between; //左右靠边 // 宽度设置： display: flex;导致block布局变成了flex布局，宽度无效，解决： flex-shrin 阅读全文
posted @ 2020-05-20 14:52 蓝精灵61 阅读(349) 评论(0) 推荐(0)
flex 常用布局自我记录
摘要：常用知识点 display: flex; 父容器：justify-content属性用于定义如何沿着主轴方向排列子容器。 justify-content:flex-start：起始端对齐 左对齐 justify-content:flex-end：末尾段对齐 右对齐 justify-content:c 阅读全文
posted @ 2020-05-20 11:53 蓝精灵61 阅读(187) 评论(0) 推荐(0)
uni-app封装$myRequest 方法并挂载到全局（黑马商城）
摘要：封装： // 新建目录util 目录下api.js const BASE_URL = 'http://localhost:8080'; export const myRequest = (options) => { return new Promise((resolve,reject)=>{ uni 阅读全文
posted @ 2020-05-18 16:12 蓝精灵61 阅读(2111) 评论(0) 推荐(0)
uni-app开发黑马商城 项目记录
摘要：开发流程记录 1、新建项目hm_shop（uniApp默认模板）--删除无用页面--配置基本头部（pages.json文件）2、完成首页底部tabbar的配置（pages.json文件）icon、路径、字体颜色3、自定义轮播数据4、封装$myRequest 方法并挂载到全局(main.js导入)，通 阅读全文
posted @ 2020-05-15 17:56 蓝精灵61 阅读(1112) 评论(0) 推荐(0)
uni-app预编译器错误：代码使用了scss/sass语言，但未安装相应编译器，请在菜单工具-插件安装里安装相应编译插件
摘要：使用日历插件：引入插件并注册后 预编译器错误：代码使用了scss/sass语言，但未安装相应编译器，请在菜单工具-插件安装里安装相应编译插件 at components/uni-calendar/uni-calendar.vue:1 16:07:03.210 预编译器错误：代码使用了scss/sas 阅读全文
posted @ 2020-05-15 16:21 蓝精灵61 阅读(3511) 评论(0) 推荐(0)
uni-app组件之间的通讯--父子/兄弟组件之间传递数据
摘要：$emit、$on、$off常用于跨页面、跨组件通讯 uni.$emit(eventName,OBJECT) 触发全局的自定事件。 uni.$on(eventName,callback) 监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。 un 阅读全文
posted @ 2020-05-15 15:01 蓝精灵61 阅读(11318) 评论(0) 推荐(3)
uni-app组件的生命周期 / and 页面生命周期
摘要：框架--》框架接口--》生命周期（应用生命周期/页面生命周期/组件生命周期） 组件生命周期： beforeCreate 实例已经开始初始化之后调用 【数据初始化未完成，页面没有开始渲染】 created 实例创建完成之后调用 【组件创建完成，不代表组件已挂载到页面】 beforeMount 在挂载开 阅读全文
posted @ 2020-05-14 14:46 蓝精灵61 阅读(15631) 评论(2) 推荐(0)
uni-app 自定义组件的创建和使用
摘要：开发工具：HbuilderX 组件的创建： 根目录下--》新建--》新建目录（compenents）--》目录下 新建组件（test）--》使用默认模版 【test.vue即为组件文件】 组件的使用： //index.vue<script> //（1）引入 import test from '../ 阅读全文
posted @ 2020-05-14 10:28 蓝精灵61 阅读(3247) 评论(0) 推荐(0)
Hbuilder 配置html自定义代码块
摘要：macOS 10.13.6 HbuilderX 2.6.16 hbuilder默认html结构为 需要html结构为： 配置： 新建--》html文件--》自定义模版--》复制readme.text文件，命名为html.txt--》打开，将设置代码块内容复制粘贴、保存 使用： 新建--》html文件 阅读全文
posted @ 2020-05-13 16:37 蓝精灵61 阅读(1596) 评论(0) 推荐(0)
uni-app运行至手机
摘要：系统： macOS 10.13.6 HbuilderX 2.6.16 iphone11 IOS 13.4.1 连接： 1.usb手机连接电脑（此处typec接头连接电脑） 2.升级iTunes至最新版本(运行至手机时提示升级) 3.手机设备信任电脑 4.安装信任证书 5.手机上重启Hubilder调 阅读全文
posted @ 2020-05-12 11:57 蓝精灵61 阅读(3384) 评论(0) 推荐(0)
uni-app实战教程-创建项目/自定义ulistMedia代码块/模拟直达某页面场景/富文本处理
摘要：一、创建基本项目并运行 网络请求--模板语法--打开页面--页面传参 （1）新建--》项目--》uni-app--》项目名称--》默认模板--》创建 （2）从hello-uni项目中复制uni-app公共文件common放到新项目，包括components组件内容。app.vue引入公共样式文件un 阅读全文
posted @ 2020-05-11 16:34 蓝精灵61 阅读(1578) 评论(0) 推荐(0)
HbuilderX运行至微信小程序 失败处理
摘要：配置： HbuilderX 2.6.26 微信开发工具 Stable1.02.2004020 macOS 10.13.6 按照官网创建uni-app 运行 运行至小程序模拟器--微信开发工具==》控制台飘红【首次运行】 一、服务端口失败 工具的服务端口已关闭。要使用命令行调用工具，请打开工具-->设 阅读全文
posted @ 2020-05-09 16:03 蓝精灵61 阅读(6000) 评论(0) 推荐(0)