uniapp
榨杯橙子汁
如果人生是一场游戏,逆风翻盘是不是更精彩
展开
-
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 · 2908 阅读 · 3 评论 -
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 · 5588 阅读 · 0 评论 -
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 · 568 阅读 · 2 评论 -
前端导航栏底部滑块滑动切换功能
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言主要是点击导航后滑块的跟随效果实现提示:以下是本篇文章正文内容,下面案例可供参考一、实现原理通过css平移属性,改变X轴的数值来实现滑块的..原创 2021-02-19 11:28:18 · 1516 阅读 · 2 评论 -
uniapp实现超简单的进度条样式
实现原理:控制view的宽度来实现进度条的增长和减少上代码<view class="progress-wrap"> <!-- 这里的 progressWidth 用来控制进度条的长度--> <view class="progress" style="{width: progressWidth + '%',background:'#d64d3b'}"</view> <!-- 进度条的百分比 --> <view原创 2020-12-14 12:04:47 · 6211 阅读 · 2 评论 -
uniapp开发小程序实现滑动页面,控制元素的显示和隐藏
前言实现思路:通过小程序API中的触摸事件,配合CSS来实现元素的显示和隐藏。ps(也想过另一种通过监听页面滚动的方式来实现,不过效果一定很差0.0)一、需要用到的事件touchmove、touchend二、话不多说上代码1.看需求,如果是整个屏幕滑动后元素发生变化,最好放在最外面的view代码如下:<view class="container" @touchmove="handletouchstart" @touchend="handletouchen......原创 2020-12-09 15:54:05 · 7502 阅读 · 6 评论