模块化准备
This commit is contained in:
parent
a18a07be71
commit
2a87eca8e4
@ -1,18 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<swiper class="container-swiper" index="{{ sindex }} " vertical="true" loop="false" onchange="changeSwiper">
|
<swiper class="container-swiper" index="{{ sindex }} " vertical="true" loop="false" onchange="changeSwiper">
|
||||||
<div class="container-col">
|
|
||||||
<div class="text-container">
|
|
||||||
<text>输入法demo</text>
|
|
||||||
<text class="text-content">{{inputWords}}_</text>
|
|
||||||
</div>
|
|
||||||
<div class="container-row">
|
|
||||||
<input type="button" value="返回" class="func-button" onclick="cancelInput"></input>
|
|
||||||
<input type="button" value="确定" class="func-button" onclick="finishInput"></input>
|
|
||||||
<input type="button" value="退格" class="func-button" onclick="wordsBackspace"></input>
|
|
||||||
</div>
|
|
||||||
<text>上滑输入文字</text>
|
|
||||||
</div>
|
|
||||||
<div class="container-col">
|
<div class="container-col">
|
||||||
<text class="letters-display">{{ letters }}</text>
|
<text class="letters-display">{{ letters }}</text>
|
||||||
<text class="words-preview">{{ words }}</text>
|
<text class="words-preview">{{ words }}</text>
|
||||||
@ -353,6 +341,7 @@ export default {
|
|||||||
height: 60px;
|
height: 60px;
|
||||||
color: #f0f8ff;
|
color: #f0f8ff;
|
||||||
background-color: #9f83fb;
|
background-color: #9f83fb;
|
||||||
|
border-radius: 25px; /* 新增圆角 */
|
||||||
}
|
}
|
||||||
.active-mode {
|
.active-mode {
|
||||||
background-color: #2196F3;
|
background-color: #2196F3;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user