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

Доработки

Browse Source
This commit is contained in:
Book Pauk
2021-02-09 18:07:02 +07:00
parent dacbd05911
commit a5740e4349
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/components/Reader/SettingsPage/include/ViewTab/Mode.inc
View File

@@ -69,20 +69,15 @@
</div> </div>
<div class="item row"> <div class="item row">
<div class="label-2">Заполнение</div> <div class="label-2">Пунктир</div>
<div class="col row"> <div class="col row">
<NumInput class="col-left" v-model="dualDivStrokeFill" :min="0" :max="2000"> <NumInput class="col-left" v-model="dualDivStrokeFill" :min="0" :max="2000">
<q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%"> <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
Заполнение пунктира Заполнение пунктира
</q-tooltip> </q-tooltip>
</NumInput> </NumInput>
</div> <div class="q-px-sm"/>
</div> <NumInput class="col" v-model="dualDivStrokeGap" :min="0" :max="2000">
<div class="item row">
<div class="label-2">Промежуток</div>
<div class="col row">
<NumInput class="col-left" v-model="dualDivStrokeGap" :min="0" :max="2000">
<q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%"> <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
Промежуток пунктира Промежуток пунктира
</q-tooltip> </q-tooltip>

5
client/components/Reader/TextPage/TextPage.vue
View File

@@ -790,12 +790,11 @@ class TextPage extends Vue {
if (this.dualPageMode) { if (this.dualPageMode) {
this.pageDivider = `<div class="layout" style="width: ${this.realWidth}px; height: ${this.scrollHeight}px; ` + this.pageDivider = `<div class="layout" style="width: ${this.realWidth}px; height: ${this.scrollHeight}px; ` +
`top: ${(this.showStatusBar && this.statusBarTop ? this.statusBarHeight + 1 : 0)}px; position: relative;">` + `top: ${(this.showStatusBar && this.statusBarTop ? this.statusBarHeight + 1 : 0)}px; position: relative;">` +
`<div class="fit row justify-center items-center">` + `<div class="fit row justify-center items-center no-wrap">` +
`<div style="height: ${Math.round(this.scrollHeight*this.dualDivHeight/100)}px; width: ${this.dualDivWidth}px; ` + `<div style="height: ${Math.round(this.scrollHeight*this.dualDivHeight/100)}px; width: ${this.dualDivWidth}px; ` +
`box-shadow: 0 0 ${this.dualDivShadowWidth}px ${this.dualDivColor}; ` + `box-shadow: 0 0 ${this.dualDivShadowWidth}px ${this.dualDivColor}; ` +
`background-image: url(&quot;data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>` + `background-image: url(&quot;data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'>` +
//`<rect width='100%' height='100%' style='fill: none; stroke: white; stroke-width: 4; stroke-dasharray: 5 20'/>` + `<line x1='${this.dualDivWidth/2}' y1='0' x2='${this.dualDivWidth/2}' y2='100%' stroke='${this.dualDivColor}' stroke-width='${this.dualDivWidth}' stroke-dasharray='${this.dualDivStrokeFill} ${this.dualDivStrokeGap}'/>` +
`<line x1='0' y1='0' x2='0' y2='100%' stroke='${this.dualDivColor}' stroke-width='100%' stroke-dasharray='${this.dualDivStrokeFill} ${this.dualDivStrokeGap}'/>` +
`</svg>&quot;);">` + `</svg>&quot;);">` +
`</div>` + `</div>` +
`</div>` + `</div>` +