41 lines
872 B
Vue
41 lines
872 B
Vue
|
<template>
|
||
|
|
<q-select
|
||
|
|
rounded
|
||
|
|
outlined
|
||
|
|
v-model="classfont"
|
||
|
|
@update:model-value="updateValue"
|
||
|
|
:options="tools.SelectListFontSize"
|
||
|
|
dense
|
||
|
|
:label="title"
|
||
|
|
emit-value
|
||
|
|
map-options
|
||
|
|
>
|
||
|
|
<template v-slot:selected>
|
||
|
|
<q-chip
|
||
|
|
dense
|
||
|
|
square
|
||
|
|
color="white"
|
||
|
|
class="q-my-none q-ml-xs q-mr-none"
|
||
|
|
>
|
||
|
|
<span :class="classfont">{{ classfont }}</span>
|
||
|
|
</q-chip>
|
||
|
|
</template>
|
||
|
|
<template v-slot:option="scope">
|
||
|
|
<q-item v-bind="scope.itemProps">
|
||
|
|
<q-item-section>
|
||
|
|
<q-item-label :class="scope.opt.value">{{
|
||
|
|
scope.opt.label
|
||
|
|
}}</q-item-label>
|
||
|
|
</q-item-section>
|
||
|
|
</q-item>
|
||
|
|
</template>
|
||
|
|
</q-select>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" src="./CSelectFontSize.ts">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import './CSelectFontSize.scss';
|
||
|
|
</style>
|