mint-ui
web_blog
IT程序员一名
展开
-
mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用
<template> <div id="feedback"> <div @click="getpopupVisible">产品选择</div> <mt-popup v-model="popupVisible" popup-transition="popup-fade" position="bottom" > <div class="picker-toolbar-ti.原创 2021-03-29 18:06:51 · 759 阅读 · 0 评论 -
mint-ui修改样式的小技巧
1.前言:不是正经的前端,所以很多东西无法注意和知道,就知道一点记录一点好了。2.之前想修改mint-ui的样式,但是官方文档丝毫未提及(也许前端人员都知道如何修改???),后面通过两种方式可以进行mint-ui的样式修改,这两种方式都是通用的,不限于mint-ui.3.方式一:使用Chrome开发者工具查看css的使用,找到class的名字,然后就可以使用了???4.方式二:mint-ui的组件直接当成普通html组件使用,样式该加就加,然后加个!important标记,覆盖掉原来的样式。----原创 2021-03-28 09:32:41 · 916 阅读 · 0 评论 -
Mint-Ui的mt-search点击选中
<template> <div class="page-search"> <mt-search autofocus v-model="value" placeholder="搜索"> </mt-search> <mt-cell v-for="item of filterResult" :key="item" :title="item" @click.native="select(item原创 2020-10-10 10:34:13 · 406 阅读 · 0 评论 -
基于mint-ui的城市选择3级联动
1、实际效果2、首先你需要去下载一个包含中国省份,城市,区县的数据如下:https://github.com/artiely/Administrative-divisions-of-China(里面包含二级联动数据,三级联动数据,四级联动数据等,找到自己需要的)https://github.com/modood/Administrative-divisions-of-China(一个更好的中国地区数据,推荐用这个)3、具体代码主要是用到了mint-ui的picker组件,关于mint-ui的原创 2020-07-27 10:24:12 · 297 阅读 · 0 评论 -
vue mint-ui 弹出框
function toast(title){ //提示 vm.$toast({ message: title, position: 'middle', duration: 3000 });}function toastSuccess(title){ //成功提示 vm.$toast({ message: title, iconClass: 'icon icon-success' });} function loading(){ //加载中 vm.$indic原创 2020-07-11 10:17:44 · 1989 阅读 · 0 评论 -
mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用
效果图如下<div @click="getpopupVisible">产品选择</div> <mt-popup v-model="popupVisible" popup-transition="popup-fade" position="bottom"> <div class="picker-toolbar-title"> <div class="usi-bt原创 2020-07-07 23:32:44 · 1109 阅读 · 0 评论