- 博客(9)
- 收藏
- 关注
原创 element卡片组件修改css(el-carousel)
内部实现逻辑是这样的:<el-carousel> <el-carousel__container> <el-carousel__item></el-carousel__item> </el-carousel__container> <el-carousel__indicators></el-carousel__indicators></el-carousel&
2021-11-28 20:21:04
2792
原创 uniapp用selectAll获取dom元素布局信息
let query=uni.createSelectorQuery().in(this);let sss= query.selectAll('.card-item').fields({ rect:true, //是否返回节点布局位置信息{left,top,right,bottom} size:true, //是否返回节点尺寸信息{width,height} scrollOffset:true //是否返回节点滚动信息{scrollLeft,scrollTop}},function(res).
2021-11-28 09:31:00
778
原创 关于uniapp中长图片父盒子宽度自适应的需求实现
先说结论:绑定图片加载函数获得每张图片的宽高,然后通过屏幕大小和图片大小等比例缩放,计算得出每张图片的宽度:每张图所需宽度= 图片真实宽度/(图片真实高度/屏幕高度)父盒子把每张图宽度相加,然后监听窗口的resize,重新赋值给父盒子宽度就行。(代码直接看下面第三点)1、需求我要实现不同长度的图片拼接成一个连续的长图,就是高度不变,可以横向滚动的图片。2、实现首先我以为设定了图片height:100vh就好了,然后图片宽度可以自己进行自适应。然而,运行后的uni-image的
2021-11-19 15:14:33
2641
原创 element表单验证
验证条件为type:number的时候要在v-model加.number才行参考链接:element-ui vue表单验证踩坑_清风了了的博客-CSDN博客
2021-11-04 10:16:46
67
原创 uniapp网络请求封装
1、新建api文件夹,config文件存放请求的IP地址,request进行请求,index存放所有接口2、config.js,存放ip地址3、request.js,在这里进行网络请求,本质就是在request里面使用uni.request,返回promise对象记得下载axiosnpm i axios -simport axios from 'axios'//import store from '../store/index.js'import urlConfig fr
2021-09-17 11:49:59
1000
原创 webpack学习初体验
个人学习记录 代码有点乱将就吧.参考笔记:http://www.woc12138.com/article/45首先:创建项目要初始化包的名字用小写,其他用默认值就行,生成一个package.json文件npm init一:实现打包js文件下载依赖包webpack和webpack-cli,-g是全局下载-D是开发依赖,webpack都属于开发依赖C:\project\webpackLearn>npm i webpack webpack-cli -gC:\pr...
2021-08-09 22:45:13
126
原创 Bable的简单使用
个人学习,仅供参考.第一步:node环境搭建https://nodejs.org/zh-cn/下载并安装长期支持版.创建项目目录,在项目目录下查看node是否安装成功第二步:初始化package.jsonC:\project\babeltest>npm init -y第三步:Babel的安装包安装babel-preset-env和babel-cli两个安装包C:\project\babeltest>npm install --save-dev ...
2021-08-09 19:45:12
245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人