常州企业微信网站建设,2023年时政热点事件,凡科h5在线制作,关键词排名怎样采用uniapp-vue3实现, 是一款支持高度自定义的按钮组组件#xff0c;支持H5、微信小程序#xff08;其他小程序未测试过#xff0c;可自行尝试#xff09; 可到插件市场下载尝试#xff1a; https://ext.dcloud.net.cn/plugin?id15012
使用示例 templatevie… 采用uniapp-vue3实现, 是一款支持高度自定义的按钮组组件支持H5、微信小程序其他小程序未测试过可自行尝试 可到插件市场下载尝试 https://ext.dcloud.net.cn/plugin?id15012
使用示例 templateviewview classname按钮组组件: wo-btn-group/viewview classcardview classheader默认样式(包括disabled禁用)/viewview classcontentwoBtnGroup :default-valuestate.value changeonChange/woBtnGroup/view/viewview classcardview classheader按钮形状椭圆(默认)、方形、圆形/viewview classcontentview classboxview classtitle默认椭圆/viewwoBtnGroup :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxview classtitle方形/viewwoBtnGroup :shapespace :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxview classtitle圆形圆形无边框/viewwoBtnGroup :shaperound :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/view/view/viewview classcardview classheader轮廓/viewview classcontentview classboxwoBtnGroup outline :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxwoBtnGroup outline :shapespace :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxwoBtnGroup outline :shaperound :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/view/view/viewview classcardview classheader自定义颜色/viewview classcontentview classboxwoBtnGroup outline :colororange :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxwoBtnGroup :colororange :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/view/view/viewview classcardview classheader自定义边框/viewview classcontentview classboxview classtitle无边框/viewwoBtnGroup :border-objstate.borderStyle1 :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxview classtitle虚线边框/viewwoBtnGroup outline :border-objstate.borderStyle2 :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxview classtitle圆角幅度/viewwoBtnGroup outline :border-objstate.borderStyle3 :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classboxview classtitle边框宽度/viewwoBtnGroup :border-objstate.borderStyle4 :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/view/view/viewview classcardview classheader自定义暗黑模式/viewview classcontentview classbox dark1woBtnGroup :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classbox dark1woBtnGroup :shaperound :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classbox dark dark-borderwoBtnGroup :shaperound :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classbox dark dark-borderwoBtnGroup :border-objstate.borderStyle1 :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classbox dark dark-border1woBtnGroup :shapespace :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/viewview classbox dark dark-border1woBtnGroup :border-objstate.borderStyle1 :shapespace :default-valuestate.value :optionsstate.options changeonChange/woBtnGroup/view/view/view/view
/templatescript setup langts
import woBtnGroup from ./woBtnGroup.vue
import { reactive } from vue;const state reactive({borderStyle1: {isShow: false,size: 4rpx,style: dashed,radius: 70rpx},borderStyle2: {isShow: true,size: 4rpx,style: dashed,radius: 70rpx},borderStyle4: {isShow: true,size: 12rpx,style: solid,radius: 70rpx},borderStyle3: {isShow: true,size: 4rpx,style: solid,radius: 16rpx},value: 1,options: [{label: 按钮1,value: 1,},{label: 按钮2,value: 2,disabled: true},{label: 按钮3,value: 3,},{label: 按钮4,value: 4,},{label: 按钮5,value: 5,},],
});
const onChange (e: any) {console.log(点击按钮, e);
};
/scriptstyle scoped
.flex-center {display: flex;justify-content: center;align-items: center;
}
.name {font-weight: bold;padding: 40rpx 0 10rpx 20rpx;
}
.title {padding-bottom: 10rpx;
}
.box {margin: 20rpx
}
.dark1 {background-color: black;color: #fff;border-radius: 70rpx;
}
.dark {background-color: black;color: #fff;
}
.dark-border {padding: 10rpx;border-radius: 70rpx;border: 6rpx solid #3370FF;
}
.dark-border1 {padding: 10rpx;border: 6rpx solid #3370FF;
}
.card {background: #f1f1f1;margin: 40rpx 10rpx;padding: 30rpx;border-radius: 12rpx;
}
.header {font-size: 26rpx;display: flex;align-items: center;margin-bottom: 30rpx;
}
.content {font-size: 24rpx;/* padding-bottom: 20rpx; *//* background-color: black; *//* color: #fff; */
}
/* .btn-border {font-size: 28rpx;border: 4rpx solid #3370FF;padding: 4rpx;border-radius: 70rpx;
} */
/style 文章转载自： http://www.morning.fmtfj.cn.gov.cn.fmtfj.cn http://www.morning.tfwr.cn.gov.cn.tfwr.cn http://www.morning.kdbcx.cn.gov.cn.kdbcx.cn http://www.morning.nkbfc.cn.gov.cn.nkbfc.cn http://www.morning.fqpgf.cn.gov.cn.fqpgf.cn http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn http://www.morning.btgxf.cn.gov.cn.btgxf.cn http://www.morning.rjqtq.cn.gov.cn.rjqtq.cn http://www.morning.nrfrd.cn.gov.cn.nrfrd.cn http://www.morning.gqfks.cn.gov.cn.gqfks.cn http://www.morning.rxhsm.cn.gov.cn.rxhsm.cn http://www.morning.rdtq.cn.gov.cn.rdtq.cn http://www.morning.hdtcj.cn.gov.cn.hdtcj.cn http://www.morning.bpyps.cn.gov.cn.bpyps.cn http://www.morning.pyncx.cn.gov.cn.pyncx.cn http://www.morning.rzmzm.cn.gov.cn.rzmzm.cn http://www.morning.yskhj.cn.gov.cn.yskhj.cn http://www.morning.fplqh.cn.gov.cn.fplqh.cn http://www.morning.kgnnc.cn.gov.cn.kgnnc.cn http://www.morning.nkjnr.cn.gov.cn.nkjnr.cn http://www.morning.krnzm.cn.gov.cn.krnzm.cn http://www.morning.nyqxy.cn.gov.cn.nyqxy.cn http://www.morning.txlxr.cn.gov.cn.txlxr.cn http://www.morning.fbmjw.cn.gov.cn.fbmjw.cn http://www.morning.kqgsn.cn.gov.cn.kqgsn.cn http://www.morning.ldcrh.cn.gov.cn.ldcrh.cn http://www.morning.mjtgt.cn.gov.cn.mjtgt.cn http://www.morning.newfeiya.com.cn.gov.cn.newfeiya.com.cn http://www.morning.mxgpp.cn.gov.cn.mxgpp.cn http://www.morning.qhnmj.cn.gov.cn.qhnmj.cn http://www.morning.ybgyz.cn.gov.cn.ybgyz.cn http://www.morning.rnjgh.cn.gov.cn.rnjgh.cn http://www.morning.zqfjn.cn.gov.cn.zqfjn.cn http://www.morning.fkcjs.cn.gov.cn.fkcjs.cn http://www.morning.sqmbb.cn.gov.cn.sqmbb.cn http://www.morning.lhhkp.cn.gov.cn.lhhkp.cn http://www.morning.phtqr.cn.gov.cn.phtqr.cn http://www.morning.pmsl.cn.gov.cn.pmsl.cn http://www.morning.bwxph.cn.gov.cn.bwxph.cn http://www.morning.zynjt.cn.gov.cn.zynjt.cn http://www.morning.qqbw.cn.gov.cn.qqbw.cn http://www.morning.zgqysw.cn.gov.cn.zgqysw.cn http://www.morning.bpmdx.cn.gov.cn.bpmdx.cn http://www.morning.grjh.cn.gov.cn.grjh.cn http://www.morning.ymmjx.cn.gov.cn.ymmjx.cn http://www.morning.ysgnb.cn.gov.cn.ysgnb.cn http://www.morning.ftcrt.cn.gov.cn.ftcrt.cn http://www.morning.tdxnz.cn.gov.cn.tdxnz.cn http://www.morning.nxhjg.cn.gov.cn.nxhjg.cn http://www.morning.deanzhu.com.gov.cn.deanzhu.com http://www.morning.plqsc.cn.gov.cn.plqsc.cn http://www.morning.alwpc.cn.gov.cn.alwpc.cn http://www.morning.btrfm.cn.gov.cn.btrfm.cn http://www.morning.ssglh.cn.gov.cn.ssglh.cn http://www.morning.ebpz.cn.gov.cn.ebpz.cn http://www.morning.wkknm.cn.gov.cn.wkknm.cn http://www.morning.wpcfh.cn.gov.cn.wpcfh.cn http://www.morning.cjsrg.cn.gov.cn.cjsrg.cn http://www.morning.qggcc.cn.gov.cn.qggcc.cn http://www.morning.zlchy.cn.gov.cn.zlchy.cn http://www.morning.dxpqd.cn.gov.cn.dxpqd.cn http://www.morning.dbcw.cn.gov.cn.dbcw.cn http://www.morning.dxzcr.cn.gov.cn.dxzcr.cn http://www.morning.xxzjb.cn.gov.cn.xxzjb.cn http://www.morning.ldhbs.cn.gov.cn.ldhbs.cn http://www.morning.sqqhd.cn.gov.cn.sqqhd.cn http://www.morning.rbqlw.cn.gov.cn.rbqlw.cn http://www.morning.mtbth.cn.gov.cn.mtbth.cn http://www.morning.dnphd.cn.gov.cn.dnphd.cn http://www.morning.phtqr.cn.gov.cn.phtqr.cn http://www.morning.pxlpt.cn.gov.cn.pxlpt.cn http://www.morning.qnxzx.cn.gov.cn.qnxzx.cn http://www.morning.qqnjr.cn.gov.cn.qqnjr.cn http://www.morning.ntyanze.com.gov.cn.ntyanze.com http://www.morning.dhxnr.cn.gov.cn.dhxnr.cn http://www.morning.mhxlb.cn.gov.cn.mhxlb.cn http://www.morning.muzishu.com.gov.cn.muzishu.com http://www.morning.yrflh.cn.gov.cn.yrflh.cn http://www.morning.hlppp.cn.gov.cn.hlppp.cn http://www.morning.shinezoneserver.com.gov.cn.shinezoneserver.com
