deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Переход на quasar

Browse Source
This commit is contained in:
Book Pauk
2020-02-18 21:06:44 +07:00
parent 79788125f3
commit ca59ec2dbe
1 changed files with 64 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
client/components/Reader/SettingsPage/include/ViewTab.inc
View File

@@ -103,35 +103,71 @@
</div> </div>
</div> </div>
<!-- <div class="item row">
<el-form-item label="Размер"> <div class="label-2">Сдвиг</div>
<el-col :span="17"> <div class="col row">
<el-input-number v-model="fontSize" :min="5" :max="200"></el-input-number> <div class="col-left-2">
</el-col> <NumInput v-model="vertShift" :min="-100" :max="100">
<el-col :span="1"> <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
<a href="https://fonts.google.com/?subset=cyrillic" target="_blank">Примеры</a>
</el-col>
</el-form-item>
<el-form-item label="Сдвиг">
<el-tooltip :open-delay="500" effect="light">
<template slot="content">
Сдвиг шрифта по вертикали в процентах от размера.<br> Сдвиг шрифта по вертикали в процентах от размера.<br>
Отрицательное значение сдвигает вверх, положительное -<br> Отрицательное значение сдвигает вверх, положительное -<br>
вниз. Значение зависит от метрики шрифта. вниз. Значение зависит от метрики шрифта.
</template> </q-tooltip>
<el-input-number v-model="vertShift" :min="-100" :max="100"></el-input-number> </NumInput>
</el-tooltip> </div>
</el-form-item> </div>
</div>
<el-form-item label="Стиль"> <div class="item row">
<el-col :span="8"> <div class="label-2">Стиль</div>
<el-checkbox v-model="fontBold">Жирный</el-checkbox> <div class="col row">
</el-col> <q-checkbox v-model="fontBold" size="xs" label="Жирный" />
<el-col :span="8"> <q-checkbox class="q-ml-sm" v-model="fontItalic" size="xs" label="Курсив" />
<el-checkbox v-model="fontItalic">Курсив</el-checkbox> </div>
</el-col> </div>
</el-form-item>
</el-form> <!---------------------------------------------->
<div class="part-header">Текст</div>
<div class="item row">
<div class="label-2">Интервал</div>
<div class="col row">
<div class="col-left-2">
<NumInput v-model="lineInterval" :min="0" :max="200"/>
</div>
</div>
</div>
<div class="item row">
<div class="label-2">Параграф</div>
<div class="col row">
<div class="col-left-2">
<NumInput v-model="p" :min="0" :max="2000"/>
</div>
</div>
</div>
<div class="item row">
<div class="label-2">Отступ</div>
<div class="col row">
<div class="col-left-2">
<NumInput v-model="indentLR" :min="0" :max="2000">
<q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
Слева/справа
</q-tooltip>
</NumInput>
</div>
<div class="q-px-sm"/>
<div class="col">
<NumInput v-model="indentTB" :min="0" :max="2000">
<q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
Слева/справа
</q-tooltip>
</NumInput>
</div>
</div>
</div>
<!--
<el-form :model="form" size="mini" label-width="120px" @submit.native.prevent> <el-form :model="form" size="mini" label-width="120px" @submit.native.prevent>
<div class="partHeader">Текст</div> <div class="partHeader">Текст</div>