253 字 1 分钟

# vue 中引用 bootstarpVue 进入你的项目里 打开命令行工具，安装 BootstrapVue, npm i bootstrap-vue -S 安装后，打开 main.js 主程序入口文件 import BootstrapVue from 'bootstrap-vue'import 'bootstrap/dist/css/bootstrap.css'import 'bootstrap-vue/dist/bootstrap-vue.css'//...
9.1k 字 8 分钟

# 自定义表格内外边框颜色 # 问题描述 在我们使用饿了么 UI 框架做项目的时候，el-table 的自带的表格边框颜色有时候需要修改一下。本文简述一下修改 el-table 边框样式的注意事项。 # 初始代码 <template> <div id="app"> <el-table :data="tableData" style="width:...
3.2k 字 3 分钟

# 在博客中添加搜索功能 添加效果 开始添加 下载最新的 hexo 主题，因为新的主题已经集成了 algolia 搜索，可以省去很多配置和修改。去官网注册，也可以绑定 github 账号登录。去 algolia 官网，注册好以后进去新建一个 index。我们需要用到这个 index 的名字。 打开 API Keys 页面，里面的信息等会需要写到 hexo 的配置文件中 在根目录的站点配置文件_config.yml 中加入如下配置，参照上图的各种 key 值 algolia:appId: 'appid'apiKey:...
6.6k 字 6 分钟

# 使用三元表达式给 data 赋值 效果要求： 点击切换不同的图片。图片是数据里面渲染出来的。效果如图： view 代码 <view class="model"> <view class="item" wx:for="{{model}}" wx:key="id" bind:tap="model"...
2.1k 字 2 分钟

# image 图片 小程序规定，打包上线的大小不能超过 2M ，所以我们会把很多静态资源放在网上。我们可以通过以下方式上传本地图片到网络上，这样就可以得到网络图片了 # 上传本地图片到网络上 KIENGIMAGE 上传网址戳这里 每张图片默认都有宽高。宽度 320px、高度 240px。 支持懒加载。 属性 类型 默认值 必填 说明 最低版本 src string 否 图片资源地址 1.0.0 mode string scaleToFill 否 图片裁剪、缩放的模式 1.0.0 webp boolean false 否 默认不解析 webP...
5.5k 字 5 分钟

# 绑定事件，根据下标判断当前的元素 用一个 li 渲染八个 list 小 div，当鼠标放上去的时候，给他们绑定两个事件，一个移入事件，一个移除事件。首先，用 css 的 hover 属性给每一个 div 添加一个背景图片，鼠标放上去的时候背景为灰色。移开就恢复黑色。 效果图如下： 代码如下： <template> <section> <div class="card"> <ul> <li...
2.1k 字 2 分钟

# 在 vue 中如何让背景图片填满整个屏幕 代码如下 .backimg { background-image: url('../../assets/smarthome/隔离透明背景.png'); height: 100%; width: 100%; background-size: 100% 100%; position: fixed; width: 100%;}新建一个 div，使这个 div 的宽高都为 100%，设置背景图片，背景图片的大小设置为宽高 100%，最后使用 position: fixed; 属性，让这个新建的 div...