
小程序
克罗地亚狂想曲
Human is great,because they can use fire
展开
-
web前端基础 (2)css布局:border,内外边距, image,规则,display,类、伪类、伪元素选择器
1.盒子边框border,内外边距,image背景图片和插入图片border: border-widthborder: border-styleborder: border-color//其中border-stylenone: 无边框。默认的solid: 边框单实线(最常用)dashed: 边框虚线dotted: 点线double: 双实线//圆角border-ra...原创 2020-04-22 23:21:31 · 358 阅读 · 0 评论 -
web前端基础 (1) css字体,外观属性,权重优先级规则
1.几个css常用的css属性box-sizing:border-box; 让组件自动减速box的宽高,写宽高的时候不计算item之间border的宽高,如下:(不加这个属性,就需要计算时减去border的宽度,写成:width:49%)<style lang="scss" scoped > .recommend_wrap { display: flex; f...原创 2020-04-22 14:44:50 · 1000 阅读 · 0 评论 -
开源项目beautiful(3)css-tree使用,undefined处理
1.css-tree安装npm i css-tree原创 2020-04-22 14:42:58 · 270 阅读 · 0 评论 -
开源项目beautiful(3)导航栏,分段器,iconfont矢量图,封装异步请求
1.修改导航栏外观pages文件中修改2.使用 分段器组件 搭建子页面标签栏,tabs栏分段器组件官方文档:https://ext.dcloud.net.cn/plugin?id=54图片可以直接使用阿里巴巴官方矢量图,iconfont注意一个坑:微信小程序不支持本地图标,必须Unicode转化Font class才行,将链接中的代码替换成你的iconf...原创 2020-04-19 02:37:39 · 195 阅读 · 0 评论 -
开源项目beautiful(2)uni-ui官方文档,安装,使用
1.uni-ui使用官方文档:1.安装uni-ui2.局部引入组件3.注册组件4.使用组件原创 2020-04-18 20:55:22 · 2766 阅读 · 0 评论 -
开源项目beautiful(1)项目搭建,tabBar使用
学习了前面6节uni-app的基础内容,接下来正式开发一个完整的项目:beautiful一个提供精美图片展示,图片和视频下载的微信小程序1.新建项目创建项目:cd D:\work\demo\vueDemovue create -p dcloudio/uni-preset-vue beautiful进入项目目录,安装sass依赖cdbeautifulnpm i sa...原创 2020-04-15 17:37:16 · 142 阅读 · 0 评论 -
uni-app(六) 生命周期
1.uni-app框架的生命周期uni-app框架的生命周期结合了vue和微信小程序的生命周期全局的app 使用onLaunch表示应用启动页面 使用onLoad 表示页面加载完成 ,使用onShow 表示页面显示组件 使用Mounted组件挂载完成2.完整的生命周期1.uni-app https://uniapp.dcloud.io/frame?id=生命周...原创 2020-04-15 16:26:55 · 223 阅读 · 0 评论 -
uni-app(五) 组件,自定义组件
1.组件的简单使用组件的定义 组件的引入 组件的注册 组件的使用原创 2020-04-14 23:55:40 · 2086 阅读 · 0 评论 -
uni-app(四) 事件
1.事件的使用注册事件 @click= "handlerClick" 定义事件监听函数 需要在"methods"中定义 事件的参与<template> <view class="content"> <view @click="handleClick">点我</view> </view></template>...原创 2020-04-14 21:55:32 · 275 阅读 · 0 评论 -
uni-app(三) Vue 基本语法 ,小程序的样式和sass
3.1 样式和sass支持小程序的rpx 和 h5 的vw,vh 内置 有sass的配置了,只需要安装对应的依赖 npm install sass-loader node-sass vue组件中,再style标签上加入属性 <style lang= 'scss'>...原创 2020-04-14 20:45:43 · 850 阅读 · 0 评论 -
uni-app(二) 微信小程序项目结构,VSCode使用
微信小程序的项目结构vscode快捷键:代码行向左或向右缩进: Ctrl+[ 、 Ctrl+]复制或剪切当前行/当前选中内容: Ctrl+C 、 Ctrl+V代码格式化: Shift+Alt+F向上或向下移动一行: Alt+Up 或 Alt+Down向上或向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down在当前行下方插入一行:...原创 2020-04-14 16:40:33 · 975 阅读 · 0 评论 -
uni-app (一) 脚手架 搭建项目
1.脚手架 搭建项目1.全局安装npm install -g @vue/cli(如果提示版本低,则需要升级npm uninstall -g @vue/clinpm install -g @vue/cli)2.创建项目vue create -p dcloudio/uni-preset-vue my-project(如果提示:无法加载文件 ../vue.p...原创 2020-04-14 15:53:46 · 1271 阅读 · 0 评论 -
脚手架安装遇到的一些问题
在执行安装vue指令npm install -g vue-cli报错,以下提示:npm ERR! code EINTEGRITYnpm ERR! sha1-muH92UiXeY7at20JGM9C0MMYT6k= integrity checksum failed when using sha1: wanted sha1-muH92UiXeY7at20JGM9C0MMYT6k...原创 2020-04-14 15:06:16 · 271 阅读 · 0 评论