m0_71939262的博客

原创 better-scroll在vue3里的基本使用

纵向滚动盒子{{index}}

原创 element-ui的form表单踩坑

要想让用户在输入框中输入数值, 需要写 v-model.number才行。

原创 微信小程序-swiper（轮播图）抖动问题

踩坑看笔记:

原创 vue项目中使用锚点链接进行页面跳转

效果图:代码:

原创 vue3使用百度地图

【代码】vue3使用百度地图。

原创 uniapp用户上传多张图片

【代码】uniapp用户上传多张图片。

原创 uniapp修改用户头像,昵称等信息

点击修改头像按钮后弹出的弹框:

原创 uniapp用户登录的功能

当用户点击了拒绝按钮后的弹窗: 当用户点击了允许按钮后, 就跳转到用户登录成功的页面:

原创 uniapp 实现微信小程序全局分享及自定义分享

【代码】uniapp 实现微信小程序全局分享及自定义分享。

原创 uniapp实现省市区选择的功能

【代码】uniapp实现省市区选择的功能。

原创 移动端-vue3 使用areaList 实现地区联级选择

移动端-vue3 使用areaList 实现地区联级选择

原创 uniapp 使用canvas 绘制图片并保存图片到手机相册的功能

【代码】uniapp 使用canvas 图片加上文字合成一张新图并保存到手机相册的功能。

原创 uniapp 微信小程序保存图片到系统相册（ 获取用户是否开启 授权保存图片到相册。）

当用户点击拒绝按钮后的截图:用户点击不授权 则关闭弹窗单独给用户点击授权后, 跳转到授权页面。

原创 小程序富文本内容格式化

【代码】小程序富文本内容格式化。

原创 小程序征集列表的上拉加载和下来刷新

【代码】小程序新闻列表的上拉加载和下来刷新。

原创 踩坑: 设置盒子背景颜色半透明, 导致盒子里面文字的颜色也变成半透明

问题:代码:解决问题:使用rgba格式。

原创 uniapp实现自定义轮播图

以上就完成了自定义轮播图。

原创 pc官网设置版心

/div>

原创 pc官网顶部导航栏的布局

效果图:结构:css代码:

原创 css样式使用::before设置段落前面的小圆点

效果图:结构:代码:width:4px;height:4px;left: 0;top:14px;

原创 vue项目使用思源黑体

font-family: '思源黑体 Normal', Helvetica, 'Microsoft YaHei', Arial, sans-serif;2.实现思路: 去阿里图标上找到对应的思源字体 替换上去就可以了。font-family: '思源黑体 Normal';②.这是设置根元素的代码。

原创 Vue路由hash模式下锚点滚动实现

*** 使用js实现锚点滚动功能；字符串需要是'#id'锚点格式；数字的话标识要滚动的位置*/} else {

原创 vant的分页组件、修改van-pagination组件点击时样式

/ 按钮点击时的颜色。//文字未点击时的颜色。//文字点击时的颜色。//按钮未点击时的颜色。

原创 当鼠标hover经过的时候, 控制子元素的显示与隐藏

原创 vue2项目中使用轮播图

direction: "horizontal", // 水平切换选项。autoplay: true, //等同于以下设置。loop: true, // 循环模式选项。-- 如果需要导航按钮 -->-- 如果需要分页器 -->//点击分页器，切换轮播。// 如果需要前进后退按钮。// 如果需要分页器。

原创 vue2项目使用百度地图

上海松江区G60科创云廊

原创 下载插件的版本不符合导致运行 npm run serve 时,vscode终端报错 ValidationError: Progress Plugin Invalid Options

直接运行 npm i --legacy-peer-deps。

原创 vue2创建移动端项目

1.2:安装 Node.js环境 +淘宝镜像+ webpack + VScode + 谷歌浏览器 + git + vue-cli首先去官网下载node的安装包。然后CTRL+R，打开终端，在终端中全局下载淘宝镜像：npm install -g cnpm -registry=https://registry.npm.taobao.org## .查看cnpm是否真的安装成功 cnpm -v安装Webpack在cmd中输入这三个看项目需要，前两个必须安装。

原创 原生小程序使用canvas画布放置图片并下载图片

" color="#DF3535" bindtap="savaImage">下载</van-button>ctx.drawImage(image, 0, 0, canvas.width / dpr, canvas.height / dpr);canvas.height = res[0].height * dpr // 获取高。// 获取http图片宽高。

原创 设置flex-shrink:0. flex布局只占位,不占空间

设置flex-shrink:0. flex布局只占位,不占空间

原创 flex布局设置多张图片平分空间并且有距离

flex布局设置多张图片平分空间并且图片与图片之间有距离

原创 css样式文件的引入方式

link和@import 引入样式文件

原创 淘宝侧边栏

淘宝侧边栏