- 博客(17)
- 收藏
- 关注
RSS订阅原创 uniapp 手机验证码输入框（随机数、倒计时、隐藏手机号码中间四位）可以直接使用
uniapp 手机验证码发送倒计时效果，复制即可用。包括了倒计时、生成随机数、手机号中间隐藏4位、input输入框聚焦
2022-11-29 11:37:08
2820
2
原创 uni-app 顶部选项卡吸附效果
1、页面滚动到该导航位置吸顶2、tab部分可滑动切换页面html部分banner图 <view class="ding">banner</view>tab选项卡、滑动<view :class="{'st':true,'sticky-fixed':isF}"> <!-- tab部分 --> <swiper class="ct_tab"> <swiper-item :class="{ 'c..
2022-05-27 15:45:02
5158
3
原创 uni-app input查看密码
代码 <template> <view class="container"> <view class="pwd-view input_view"> <input type="text" :password="showPassword" placeholder="请输入密码" value="" placeholder-class="pstyle" /> <view @click="showPwd">查看密码...
2022-05-27 15:07:45
2396
原创 uni-app 导航栏滚动后固定到顶部
完整代码 <template> <view class="content"> <view class="wrap"> <view class="list" v-for="i in list_data"> <text>{{ i }}</text> </view> </view> ...
2022-05-27 14:53:24
2983
原创 uni-app 简单顶部tab切换菜单3—可滑动切换菜单
顶部tab是可滑动，用scroll-view实现，内容部分比较潦草，可以自行更改，话不多说上代码，最后有完整的代码（复制即可用）HTML<template> <view> <!-- tab部分 --> <swiper class="ct_tab"> <swiper-item :class="{ 'ct_active': index == tabCur }" v-for="(item, index) in t...
2022-05-27 14:21:54
6438
3
原创 uni-app 简单顶部tab切换菜单2
效果图HTML代码<template> <view> <view class="ct_tab"> <view class="ct_item" :class="{'ct_active' : 0 == tabCur}" @click="clickCtTab(0)"> <text>全部</text> </view> <view class="ct_item" :class="
2022-05-27 13:52:00
537
原创 uni-app 简单顶部tab切换菜单1
效果图这只是一个简单的功能实现，内容部分需要自行修改啦，做的不好请多担待HTML<template> <view class="tab"> <view class="tabItem" :class="{'active' : 0 == current}" @click="clickTab(0)"> 自选 </view> <view class="tabItem" :class="{'active..
2022-05-27 12:15:10
627
原创 web前端设计--二级菜单栏
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
2022-05-21 13:52:05
1062
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人