调整英文列名,添加bulma-divider

This commit is contained in:
qxz 2020-05-18 18:51:42 +08:00
parent 8ab890cad2
commit d015fe2d3f
7 changed files with 25 additions and 7 deletions

5
package-lock.json generated
View File

@ -2708,6 +2708,11 @@
"resolved": "https://registry.npm.taobao.org/bulma/download/bulma-0.8.2.tgz", "resolved": "https://registry.npm.taobao.org/bulma/download/bulma-0.8.2.tgz",
"integrity": "sha1-XZKPFu1KhFScKHP5XJLDjGnGMac=" "integrity": "sha1-XZKPFu1KhFScKHP5XJLDjGnGMac="
}, },
"bulma-divider": {
"version": "0.2.0",
"resolved": "https://registry.npm.taobao.org/bulma-divider/download/bulma-divider-0.2.0.tgz",
"integrity": "sha1-qbTZ/osnDHy3VzAjxXUGK8YmFvM="
},
"bytes": { "bytes": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.1.0.tgz", "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.1.0.tgz",

View File

@ -12,6 +12,7 @@
"dependencies": { "dependencies": {
"axios": "^0.19.2", "axios": "^0.19.2",
"bulma": "^0.8.2", "bulma": "^0.8.2",
"bulma-divider": "^0.2.0",
"core-js": "^3.6.4", "core-js": "^3.6.4",
"element-ui": "^2.13.1", "element-ui": "^2.13.1",
"feb-alive": "^1.0.9", "feb-alive": "^1.0.9",

View File

@ -168,4 +168,16 @@ body {
border: 5px solid transparent; border: 5px solid transparent;
position: absolute; position: absolute;
left: 7px; left: 7px;
}
// bulma-divider
.is-divider,
.is-divider-vertical {
border-top: .1rem solid #f5f5f5;
}
.is-divider-vertical[data-content]::after,
.is-divider[data-content]::after {
color: #919191;
} }

View File

@ -1,4 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import 'bulma'; @import 'bulma';
// @import 'bulma-pageloader'; @import 'bulma-divider';
@import '~@/assets/style/theme/acrou/index.scss'; @import '~@/assets/style/theme/acrou/index.scss';

View File

@ -1,7 +1,7 @@
{ {
"_name": "🇬🇧English", "_name": "🇬🇧English",
"languages": "Languages", "languages": "Languages",
"index": "Index", "index": "Home",
"folder": "Folder", "folder": "Folder",
"notify": { "notify": {
"title": "Notify" "title": "Notify"
@ -20,7 +20,7 @@
"file": "File", "file": "File",
"moditime": "Modified Time", "moditime": "Modified Time",
"size": "Size", "size": "Size",
"operation": "Operation" "operation": "Actions"
}, },
"loading": "Loading...", "loading": "Loading...",
"opt": { "opt": {

View File

@ -104,7 +104,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.g2-breadcrumb { .g2-breadcrumb {
border-bottom: 2px solid whitesmoke; border-bottom: 2px solid #f5f5f5;
// height: 100%; // height: 100%;
padding: 10px 0.75em; padding: 10px 0.75em;
} }

View File

@ -32,12 +32,12 @@
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr-only">Loading...</span> <span class="sr-only">Loading...</span>
</div> </div>
<span v-if="page.page_token === null && files.length !== 0" class="tag"> <!-- <span v-if="page.page_token === null && files.length !== 0" class="tag">
{{ $t("list.total") }} {{ files.length }} {{ $t("list.item") }} {{ $t("list.total") }} {{ files.length }} {{ $t("list.item") }}
</span> </span> -->
</center> </center>
</div> </div>
<hr /> <div class="is-divider" :data-content="$t('list.total')+' '+files.length+' ' + $t('list.item')"></div>
<readmemd :option="readmemd" v-if="readmemd.display"></readmemd> <readmemd :option="readmemd" v-if="readmemd.display"></readmemd>
<viewer <viewer