uni-app
uni-app相关案例及日常总结
汪酱~
归来仍是少年
展开
-
在uniapp和vue中控制卡片切换
在uniapp和vue中控制卡片切换提示:以下分两步介绍;动态绑定class,数据双向绑定卡片结构一、动态绑定class,数据双向绑定template代码如下:<view @tap="change(0)" :class="{active:btnnum == 0}" class="title-item">已发布</view><view @tap="change(1)" :class="{active:btnnum == 1}"class="title.原创 2020-09-18 12:03:53 · 894 阅读 · 0 评论 -
v-for循环中嵌套数组
用来写循环卡片中的标签<view class="stray-dog con" v-for="(item, index) in strayDogList" @click="goPage(item.url)"> <view class="strayDogImg"> <image :src="item.image" mode="aspectFill"></image> </view> <view class="strayDogIntr原创 2020-09-17 11:04:24 · 1688 阅读 · 0 评论 -
uniapp获取微信头像和昵称
<view class="userInformation"> <!-- 用户自定义头像 --> <view class="userPortrait"> <image :src="yonghuwx.avatarUrl" mode="widthFix"></image> </view> <view class="userLook" > <!-- 用户自定义名字 --> <原创 2020-09-10 18:17:07 · 7664 阅读 · 2 评论 -
vue长文本点击展开收起
点击展开收起<template> <view class="c"> <view class="Cmain"> <view class="home" v-cloak> <view class="home-title">常见疾病</view> <view class="menu" v-for="(item, index) in medicalList" :key="index" >原创 2020-09-10 14:36:31 · 686 阅读 · 0 评论 -
瀑布流在网页和uniapp中的运用
效果图如下:如上图所示:左侧是在HTML上的效果图,右侧是在uniapp小程序上的效果图。HTML代码如下:<div class="view"> <div class="item"> <div class="item1"> <img src="https://i03piccdn.sogoucdn.com/c93dda9b1f8f86dc" alt=""> <li>这是1原创 2020-08-20 10:23:01 · 581 阅读 · 0 评论 -
uni-app swiper轮播图
swiper详细数据参照uni-app官方swiper属性<!-- swiper轮播图 --><uni-swiper-dot :info="bannerList"> <swiper class="swiper-box" autoplay="true" circular="true" indicatorDots="true" indicator-active-color="#fcf6f3" >原创 2020-08-14 17:46:48 · 9497 阅读 · 0 评论