1
0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-06-07 21:54:05 +08:00

update: 集成ButtonGroup

This commit is contained in:
shangbin 2021-12-02 17:02:15 +08:00
parent f7b3835b7b
commit 1eaacfb23b
4 changed files with 40 additions and 5 deletions

View File

@ -160,6 +160,9 @@ export default {
this.initOnly(this.iconArray[0]); this.initOnly(this.iconArray[0]);
}, },
/**
* 初始化组件导航栏只有2个及以上的组件类才会出现
*/
initOnly(mountedObject) { initOnly(mountedObject) {
const titles = document.getElementsByClassName(mountedObject.className); const titles = document.getElementsByClassName(mountedObject.className);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -14,9 +14,42 @@
<a-button type="link" lc-mark lc_id="4heYqBMoxv">Link</a-button> <a-button type="link" lc-mark lc_id="4heYqBMoxv">Link</a-button>
</div> </div>
</div> </div>
</div> <div lc_id="O9JGjMpAKq">
</template> <div class="demonstration-antd" lc_id="4rqJIQ2Mzz">ButtonGroup 按钮组</div>
<div lc_id="pONPOBBNro">
<a-button-group lc-mark lc_id="Ou7TN/X5cu">
<a-button lc_id="v5cwPJqlSK">Cancel</a-button>
<a-button type="primary" lc_id="kVmP3mlW9o">OK</a-button>
</a-button-group>
<a-button-group lc_id="0mCSL8qPRS">
<a-button disabled lc_id="1Gghgrmucm">L</a-button>
<a-button disabled lc_id="G3Hnc0O355">M</a-button>
<a-button disabled lc_id="0/6bzjO5xc">R</a-button>
</a-button-group>
<a-button-group lc_id="FHndrH667q">
<a-button type="primary" lc_id="wgenNoPVkg">L</a-button>
<a-button lc_id="UwftiZkKU1">M</a-button>
<a-button lc_id="I1OCAcVowf">M</a-button>
<a-button type="dashed" lc_id="R3iHWxC0kN">R</a-button>
</a-button-group>
<a-button-group lc-mark lc_id="GrY4whWnQs">
<a-button type="primary" lc_id="HwKnK5eGeM">
<a-icon type="left" lc_id="LsiVRANHOs">Go back</a-icon>
</a-button>
<a-button type="primary" lc_id="rWXCxtsc9U">
Go forward <a-icon type="right" lc_id="djTXwQkA3n"></a-icon>
</a-button>
</a-button-group>
<a-button-group lc-mark lc_id="zt68434RkC">
<a-button type="primary" icon="cloud" lc_id="hUkxSWHSXD">
<a-button type="primary" icon="cloud-download" lc_id="1xvGiQ+xtD"></a-button>
</a-button>
</a-button-group>
</div>
</div>
</div>
</template>
<script> <script>
export default { export default {
props: [], props: [],
@ -40,7 +73,6 @@ export default {
fillter: {}, fillter: {},
} }
</script> </script>
<style scoped> <style scoped>
.container { .container {
} }