orion/filecodebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update:dark theme

Browse Source
This commit is contained in:
lan
2022-12-21 18:55:30 +08:00
parent f6f6a54478
commit 39ac805985
1 changed files with 44 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+44 -26
View File
@@ -37,9 +37,29 @@
border-radius: 20px; border-radius: 20px;
} }
.el-card { @media (prefers-color-scheme: dark) {
border-radius: 20px;
body {
background-color: #18181c;
}
.el-card, .el-button, .el-textarea__inner, .el-upload-dragger {
border-radius: 20px;
border: 1px solid transparent;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.2);
}
* {
color: #ccc !important;
}
.el-input-group__prepend, .el-input__inner, .el-input-group__append, .el-drawer, #el-drawer__title, .el-empty__description, .el-select-dropdown {
border: 1px solid transparent;
background-color: rgba(0, 0, 0, 0.1);
}
} }
</style> </style>
<script src="/static/asserts/vue.min.js"></script> <script src="/static/asserts/vue.min.js"></script>
<script src="/static/asserts/index.js"></script> <script src="/static/asserts/index.js"></script>
@@ -47,7 +67,7 @@
<body> <body>
<div id="app" style="text-align: center"> <div id="app" style="text-align: center">
<el-row v-if="pageNum === 0" class="qu" style="max-width:400px;margin: 4rem auto 0 auto"> <el-row v-if="pageNum === 0" class="qu" style="max-width:400px;margin: 4rem auto 0 auto">
<el-card style="padding-bottom: 1rem"> <el-card class="glass" style="padding-bottom: 1rem">
<el-col :span="24"> <el-col :span="24">
<el-input round autofocus @change="changeInput" clearable v-model:value="code" maxlength="5" <el-input round autofocus @change="changeInput" clearable v-model:value="code" maxlength="5"
:disabled="inputDisable" placeholder="请输入五位取件码"> :disabled="inputDisable" placeholder="请输入五位取件码">
@@ -196,29 +216,27 @@
:visible.sync="jiDrawer" :visible.sync="jiDrawer"
:direction="direction" :direction="direction"
size="50%"> size="50%">
<el-card> <el-empty v-if="files.length===0" description="请上传文件"></el-empty>
<el-empty v-if="files.length===0" description="请上传文件"></el-empty> <el-card style="margin-top: 0.2rem" v-for="(file,index) in files" :key="index">
<el-card style="margin-top: 0.2rem" v-for="(file,index) in files" :key="index"> <el-row>
<el-row> <el-col :span="15">
<el-col :span="15"> <el-row>
<el-row> <el-col :span="24" style="line-height: 45px">
<el-col :span="24" style="line-height: 45px"> ${ file.name }
${ file.name } </el-col>
</el-col> <el-col :span="24">
<el-col :span="24"> 取件码：
取件码： <h1 @click="copyText(file.code,0)" style="margin: 0;display: inline;cursor: pointer">
<h1 @click="copyText(file.code,0)" style="margin: 0;display: inline;cursor: pointer"> ${ file.code }
${ file.code } </h1>
</h1> </el-col>
</el-col> </el-row>
</el-row> </el-col>
</el-col> <el-col :span="4">
<el-col :span="4"> <img style="width: 80px;height: 80px;"
<img style="width: 80px;height: 80px;" :src="qrcodeUrl(file)" alt="二维码" :alt="file.code">
:src="qrcodeUrl(file)" alt="二维码" :alt="file.code"> </el-col>
</el-col> </el-row>
</el-row>
</el-card>
</el-card> </el-card>
</el-drawer> </el-drawer>
<div style="text-align: center; margin-top: 1rem;color: #606266"> <div style="text-align: center; margin-top: 1rem;color: #606266">