最近写uniapp,遇到了产品的提的需求,需要做一个tag+input连用的功能,点击Tag进行选择,使用input可以进行tag的修改和创建,先来看看产品提的设计稿: 大概是一个这样的功能,我开始理解错了以为是在input中显示tag,类似element-ui中有的select选择器,但实际这只是进行tag和input的连用,看下面的设计稿应该能看懂逻辑 功...
方法/步骤 1 在uniCloud插件市场中下载tag组件 2 之后找到下载的相关目录，并解压 3 在项目目录下引用uni-tag这个文件包，复制粘贴 4 复制粘贴到项目components目录下之后，在page.json配置文件中进行路径的配置 5 之后就是在index.vue文件中进行引用该标签 6 运行结果 7 uni-tag的几个常用属性值 注意事项 引入u...
tag 组件一般用于标记和选择,我们提供了更加丰富的表现形式,能够较全面的涵盖您的使用场景 #平台差异说明 App(vue)App(nvue)H5小程序 √√√ #基本使用 通过type参数设置主题类型,默认为primary 属性text设置标签内容 #自定义主题 #圆形标签 类似胶囊形状 ...
122,82);font-weight:700"><uni-iconsstyle="padding-right:2px;"type="contact"color="#ff5252":size="25"></uni-icons>姓名:{{item.name}}</view><viewclass="cons">身份证号:{{item.idcrad}}</view><viewclass
name}}</view> <view></view> </view> <view style="width: 36rpx;display: flex;align-items: center;border-bottom: 1rpx #D6d6d6 solid;margin-right: 28rpx; " @click="toClose(item)"> <image src="https://file.genepre.com/wechat/estimaClose.png" style="width: 36rpx;height: 36rpx...
<viewclass="lxy-content"><scroll-viewscroll-x="true"class="content-scroll"scroll-with-animation:scroll-left="scrollLeft"><viewv-for="(item, index) in category":key="index"class="scroll-item":class="curIndex == index? 'active' : ''"@click="changeTitle(index)">{{item.name}}</view>...
Tag 标签 该组件一般用于标记和选择,有如下特点: mode参数可以设置3种模式,dark(深色背景)、light(浅色背景)、plain(白色背景) shape参数可以设置多种形状,circle(两边半圆形),square(方形,带圆角),circleLeft(左边半圆),circleRight(右边半圆) type参数可以设置5种主题,primary,success,warning,error,info...
// 标签列表 router.get('/tag/list',controller.tag.list); // 标签用户列表 router.get('/tag/read/:id',controller.tag.read); app/controller/group.js 'use strict'; const Controller = require('egg').Controller; class TagController extends Controller { // 标签列表 async list() { const {...
uni-app 的tag 同小程序的tag，和HTML 的tag 不一样，比如div 要改成view，span 要改成text、a 要改成navigator。快速创建一个uni-app项目 1，安装hbuilderx工具 2，新建项目 3，选择uni-app，输入工程名 4，项目目录 5，改写index页面，渲染 logo 以及 Hello App 6，运行项目 可以依次运行到浏览器、真机...
Tag 标签 tag组件一般用于标记和选择,我们提供了更加丰富的表现形式,能够较全面的涵盖您的使用场景 基本使用 通过type参数设置主题类型,默认为primary 属性text设置标签内容 #自定义主题 #圆形标签 类似胶囊形状