- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 uniapp上传图片及删除功能(附代码，拿来就用)
<template> <view class="column"> <view class="moduleBox"> <view class="title">商品图片</view> <view class="font22" style="margin: 30upx 0;color: #999;">上传图片大小不允许超过2M!</view> <view class="flex-wrap"...
2021-08-10 14:32:22
3166
3
原创 uniapp开发小程序实现滑动页面，控制元素的显示和隐藏
前言实现思路：通过小程序API中的触摸事件，配合CSS来实现元素的显示和隐藏。ps（也想过另一种通过监听页面滚动的方式来实现，不过效果一定很差0.0）一、需要用到的事件touchmove、touchend二、话不多说上代码1.看需求，如果是整个屏幕滑动后元素发生变化，最好放在最外面的view代码如下：<view class="container" @touchmove="handletouchstart" @touchend="handletouchen......
2020-12-09 15:54:05
7730
6
原创 uniapp跳转页面防止多次点击uni.navigateTo
重要：定义变量，防止多次触发用户实际操作的时候总会多次点击一个按钮，这样就会弹出多个页面，我们只需要定义一个变量就OK，接下来看代码。<template> <view class="column"> <button @click="navto('/pages/index/index')">点击跳转</button> </view></template><script> export default
2021-08-10 13:52:43
5922
原创 uniapp引用iconfont字体图标
一、选好图标后在APP.vue中进行配置<style lang='scss'> /* 全局公共样式和字体图标 */ @font-face { font-family: "iconfont"; font-weight: normal; font-style: normal; src: url('https://at.alicdn.com/t/font_2308342_84cfdl9mpt.ttf') format('truetype'); }</style
2021-02-19 11:55:42
657
2
原创 前端导航栏底部滑块滑动切换功能
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言主要是点击导航后滑块的跟随效果实现提示：以下是本篇文章正文内容，下面案例可供参考一、实现原理通过css平移属性，改变X轴的数值来实现滑块的..
2021-02-19 11:28:18
1615
2
原创 uniapp实现超简单的进度条样式
实现原理：控制view的宽度来实现进度条的增长和减少上代码<view class="progress-wrap"> <!-- 这里的 progressWidth 用来控制进度条的长度--> <view class="progress" style="{width: progressWidth + '%',background:'#d64d3b'}"</view> <!-- 进度条的百分比 --> <view
2020-12-14 12:04:47
6392
2
原创 CSS中button和input的通用样式，建议收藏！
一、button通用样式.login-button { /* 按钮美化 */width: 270px; /* 宽度 */height: 40px; /* 高度 */border-width: 0px; /* 边框宽度 */border-radius: 3px; /* 边框半径 */background: #1E90FF; /* 背景颜色 */cursor: pointer; /* 鼠标移入按钮范围时出现手势 */outline: none; /* 不显示轮廓线 */font-famil
2020-12-10 13:45:42
3246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人