twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-15 14:03:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 样式复查

Browse Source
This commit is contained in:
xiaoxian521
2025-04-08 14:37:20 +08:00
parent e3564eab96
commit b86d038a18
65 changed files with 245 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/components/segmented.vue
View File

@@ -220,39 +220,39 @@ watch(size, val => (dynamicSize.value = size.value));
</el-link>
</template>
<el-scrollbar>
<p class="mb-2">
<div class="mb-2">
基础用法（v-model）<span class="text-primary">
{{ optionsBasis[value].label }}
</span>
</p>
</div>
<Segmented v-model="value" :options="optionsBasis" :size="dynamicSize" />
<el-divider />
<p class="mb-2">tooltip 提示</p>
<div class="mb-2">tooltip 提示</div>
<Segmented :options="optionsTooltip" :size="dynamicSize" />
<el-divider />
<p class="mb-2">change 事件</p>
<div class="mb-2">change 事件</div>
<Segmented
:options="optionsChange"
:size="dynamicSize"
@change="onChange"
/>
<el-divider />
<p class="mb-2">禁用</p>
<div class="mb-2">禁用</div>
<Segmented :options="optionsDisabled" :size="dynamicSize" />
<el-divider />
<p class="mb-2">全局禁用</p>
<div class="mb-2">全局禁用</div>
<Segmented :options="optionsBasis" :size="dynamicSize" disabled />
<el-divider />
<p class="mb-2">block 属性(将宽度调整为父元素宽度)</p>
<div class="mb-2">block 属性(将宽度调整为父元素宽度)</div>
<Segmented :options="optionsBlock" block :size="dynamicSize" />
<el-divider />
<p class="mb-2">可设置图标</p>
<div class="mb-2">可设置图标</div>
<Segmented :options="optionsIcon" :size="dynamicSize" />
<el-divider />
<p class="mb-2">只设置图标</p>
<div class="mb-2">只设置图标</div>
<Segmented :options="optionsOnlyIcon" :size="dynamicSize" />
<el-divider />
<p class="mb-2">自定义渲染</p>
<div class="mb-2">自定义渲染</div>
<Segmented :options="optionsLabel" :size="dynamicSize" />
</el-scrollbar>
</el-card>