- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 各种ui框架的使用方法
各种ui的使用方法uviewuview1.去插件市场找到2.main.js引入uView库// main.jsimport uView from 'uview-ui';Vue.use(uView);3.App.vue引入基础样式(注意style标签需声明scss属性支持)/* App.vue */<style lang="scss">@import "uview-ui/index.scss";</style>4.uni.scss引入全局scss变量文件
2020-11-23 10:44:08
1202
原创 vue component :is实现多个组件之间的切换（动画版）
下面展示一些 component :is。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body{ background-color: #DEE9FA; } .active{ color: firebrick; } </style> <
2020-11-17 13:54:16
1057
原创 HTML跳转锚点的使用方式
跳转锚点的实现效果：类似百度百科旁边的目录 ，点击后便可以直接跳到我想要去的地方如何实现：设置a标签的href 如图所示 跳转的地方就要设置相同的id 形成一种映射name的区别就是另外起一层a标签...
2021-01-20 09:28:56
556
原创 墨刀--实现键盘的弹出以及隐藏
实现效果如下：点击搜索框弹出键盘 点击其他空白部分实现键盘的隐藏ps：动态图是用这个做的 超级好用（请给我打钱）11.放置一个搜索框 可以把合并的东西解散后 换成自己想要的背景颜色2.3.4.5设置搜索单击事件的一个状态【设置为显示 图片错误】6.7.在显示的状态中把矩形的空白部分连接到隐藏...
2021-01-07 14:46:30
4704
原创 uniapp横向滑动完整代码
效果：横向滑动<template> <view class="content"> <scroll-view scroll-x="true" class="scroll"> <view class="box"> <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j
2021-01-04 16:45:21
2118
原创 uniapp中popup组件中的使用以及坑
实现效果：点击实现弹出层根据插件市场的来但是在引入的时候因为我位置不对，所以我引入的时候没按照图上面顺序引入 就报错click is nota function 什么的 百度半天也没找到什么原因 ，就在准备放弃的时候 准备删除引入的时候发现自己引入的错误了后面放图片也报错，过了一会就不报错了？？？change这个还挺有用的能够获取到你的type 中间还是底部弹出的一个状态最开始css样式怎么都搞不好，改变哪里的宽度都不行，于是f12一层层找，添加width属性一个个尝试，
2021-01-04 15:30:13
22650
2
原创 uniapp单选按钮的使用
效果图：代码截图：console.log(evt.detail) 可以获取我点击的值<template> <view> <view style="display: flex;width: 100%;text-align: center;"> <view v-for="(i, index) in list" :key="index" @click="changeys(index)" :class="['w_25', changeid =
2021-01-04 09:08:15
9652
原创 为什么使用固定定位还有盒子内容显示在上方！！！
只需要把固定定位的那个盒子背景颜色设置为白色就行了，害我搞了一上午…还有如果使用margin不行的话 那就用padding 啊最好是百分比
2020-12-30 10:44:06
886
1
原创 uniapp实现固定导航循环更改样式更改页面
实现效果如下：点击某个盒子后 更改蓝色字体 并且只显示 属于该数字的盒子分析：代码如下：<template> <view class="content"> <view style="display: flex;width: 100%;"> <view style="width: 20%;text-align: center;" v-for="(i,index) in title" :key="index" @click="choose
2020-12-28 17:04:17
633
原创 ps更换证件照的背景色
1.先用快速选择工具把人的主体选出来如果有头发丝用修补工具找其他的头发遮挡一下然后菜单栏调整边缘视图：黑色智能半径勾选调整边缘后会自动出现画笔 把周围的白色以及毛糙的地方修正一下净化颜色勾选就Ok了 这是第一种方法；第二种方法：菜单栏 图像 调整 替换颜色点击白色区域选择相同颜色即可但是这个我自己没用太成功~~~...
2020-12-28 14:21:41
228
原创 h5页面的body页面水平垂直居中代码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ display: inline-block; /* padding: 0; */ } .child{ width: 200px; height: 200px; .
2020-12-11 09:38:23
1423
原创 bootstrap--demo小白初体验
为了实现开发的网站对移动设备友好，确保适当的绘制和触屏缩放需要在网页的 head 之中添加 viewport meta 标签<meta name="viewport" content="width=device-width, initial-scale=1.0">在移动设备浏览器上，通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放（zooming）功能。通常情况下，maximum-scale=1.0 与 user-scalable=no
2020-12-10 09:17:46
265
原创 uniapp阿里矢量图多色图标的使用方法（超级无敌巨无霸详细）
用最简单的方法参照：阿里巴巴矢量图库的具体使用用法可以变色改变大小以上你会发现多色图标显示出来并不是彩色的！！！第一步：老规矩 先选好自己喜欢的多色图标，下载第二步：创建一个文件夹 把下载的东西放进去（其实不用放全部 后缀名 eot js svg ttf woff iconfont.css ）,放入这6个就行了第三步：在全局样式里面app.vue中引入 iconfont.css 就会报错，在前面加 / 就好了 就是在css里面点进去的上面之前是没有/ 的 打
2020-12-09 11:11:04
2191
4
原创 阿里巴巴矢量图库的具体使用用法可以变色改变大小
加入自己项目需要用的所有图标下载后解压得到一个新建一个css文件夹 把这些存放进去 ，也可以只存放画圈圈的后缀名，需要什么用什么，我觉得都放也一样就直接copy过去啦·实在不会用里面有个html的页面打开看看也行报错之后再前面加上/即可他是一个矢量字体图标 设置字体大小和颜色就是改变他自己大小和颜色以上2种方法都行...
2020-12-04 14:01:41
1803
原创 uni.scss uni-app内置的常用样式变量
/**这里是uni-app内置的常用样式变量uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App*//**如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能如果你的项目同样使用了scss预处理，你也可以
2020-12-01 09:56:51
10003
4
原创 设置移动端网页端背景图片
下面展示一些 内联代码片。 <image class="image-bg" src="../../static/bgi4.png"/>.image-bg { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity:0.4; }
2020-11-30 15:57:45
1041
原创 省市组件的用法--V - Distpicker
预期实现效果如下：当然省市是1：1的比例V - Distpicker1.进入你项目的根目录 cmd 添加这个npm install v-distpicker --save你的项目中会多出一个这个文件夹如果需要更改一下样式的话可以找到这里 进行一下修改[我修改失败了]2.找到你需要的...
2020-11-30 09:35:50
392
原创 uviewui实现日期间隔 弹出（模态框）
需要实现效果如下：介于uniappui只能显示 年月日 和时分 我不知道怎么合并换了一个uviewui 能够实现 但是点击才出现弹框 加载的时候并没有显示当前日期找半天 先用模态框【自带组件】//模态框的组件<template> <view> <u-modal v-model="show" :content="content"></u-modal> <u-button @click="open"> 打开模
2020-11-27 16:10:12
4595
1
原创 uniapp实现日期区间的选择（默认获取当前时间）
实现效果：h5：data() { const currentDate = this.getDate({ format: true }) const currentDate2 = this.getDate({ format: true }) return { fontnum:0, date: currentDate, date2: currentDate2,bindDateChange: function(e) { th
2020-11-27 14:29:37
8935
1
原创 uniapp根据ui设计图实现新增和删除功能
h5采用的简洁css默认有显示2条数据新增一条数据 加的都是重复的 没有通过v-model来添加在以上这种情况 只是添加一条h5 数据用户填写删除的一整条数据 应该放item 而不是index过滤很神奇...
2020-11-27 09:44:03
2190
原创 vue-mall-beautiful（基于uview-ui的绝佳商城模板）学习
样式疑问CTRL+f我没找到这些样式何为scoped？在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。搜索第一种是刚开始加载的时候 显示了navbar和search第二次是滑动到下面的时候 使用固定定位其中的..
2020-11-23 10:37:25
2109
原创 ES6小白基础--2020-11-20
let constlet a=3;console.log(a)//3let 关键词声明的变量不具备变量提升（hoisting）特性let 和 const 声明只在最靠近的一个块中（花括号内）有效当使用常量 const 声明时，请使用大写变量，如：AAAconst 在声明时必须被赋值箭头函数map需要返回值，不给return,默认返回undefinedmap返回一个新的数组...
2020-11-20 17:21:37
74
原创 Bootstrap基本模板
下面展示一些 内联代码片。// A code blockvar foo = 'bar';<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2020-11-20 16:44:22
1450
原创 vue-router路由基础初学
vue-routerhttps://unpkg.com/vue-router@2.5.3/dist/vue-router.js必须把路由放在vue的下面引入mode history（复制到其他地方打不开） hash （能打开 但是url地址长串不好看）
2020-11-18 11:20:17
111
原创 组件间的通信《父子相传 触发》
第一步创建挂载点 最基础的vue 实例化后第二 创建component 一个组件template 循环出父组件的东西【在方法里面存数据，created中加载数据】首先就是得到父组件的数据 接受子组件中 props必须要定义类型 是否必须等...
2020-11-17 14:30:11
128
原创 cdn引入
http://www.staticfile.org/所有开源库！！！！目录http://www.staticfile.org/vue.jsaxiosbootstrapanimate.cssvue.js<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script><script src="https://cdn.jsdelivr.net/npm/vue.
2020-11-17 14:00:25
1511
原创 VUE基础小白（高级）
lookroot学习笔记动态绑定样式 实现按钮点击变色绑定样式 :class=“{类名：自定义的索引}”点击事件附带索引 实现点击的时候颜色改变vuepush添加数据为了避免v-model数据更着变换es6的过滤 不用v-if实现1-10数字逐渐变大的效果过渡样式效果的实现transition 里面如果添加了name=“p”就要把样式里面的v-leave-to 改成p-leave-to...
2020-11-17 09:41:48
115
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人