|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="sidebox-box">
|
|
|
- <div @click="drawer = true" class="fixed-messages">
|
|
|
+ <div @click="drawer = true" class="fixedMessages">
|
|
|
<img src="@/assets/img/side/sideicon.png" alt="" class="fixed-messageImg">
|
|
|
</div>
|
|
|
<el-drawer
|
|
@@ -14,7 +14,7 @@
|
|
|
</div>
|
|
|
<div class="sideboxFixedBox"></div>
|
|
|
</div>
|
|
|
- <p :class="lang == 'en' ? 'sideboxTitleEn' : 'sideboxTitle'">{{ $t("table.Website") }}</p>
|
|
|
+ <p class="sideboxTitle">{{ $t("table.Website") }}</p>
|
|
|
<div class="Contentbox">
|
|
|
<div class="singleBox" @click="gotoSanyou">
|
|
|
<p class="singleBoxText">Sanyou</p>
|
|
@@ -155,7 +155,7 @@ export default {
|
|
|
@media screen and (min-width: 751px) and (max-width: 9999px) {
|
|
|
.sidebox-box{
|
|
|
z-index: 9999;
|
|
|
- .fixed-message{
|
|
|
+ .fixedMessages{
|
|
|
.fixed-messageImg{
|
|
|
}
|
|
|
}
|
|
@@ -197,14 +197,6 @@ export default {
|
|
|
height: 80px;
|
|
|
line-height: 80px;
|
|
|
}
|
|
|
- .sideboxTitleEn{
|
|
|
- background: #065ba9;
|
|
|
- font-size: 22px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- height: 80px;
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
.Contentbox{
|
|
|
padding: 0 50px;
|
|
|
.singleBox{
|
|
@@ -213,7 +205,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
margin-top: 20px;
|
|
|
.singleBoxText{
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 26px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
.singleBoxImg{
|
|
@@ -228,4 +220,48 @@ export default {
|
|
|
|
|
|
}
|
|
|
|
|
|
+@media screen and (min-width: 0px) and (max-width: 750px) {
|
|
|
+ .sidebox-box{
|
|
|
+ z-index: 9999;
|
|
|
+ .fixedMessages{
|
|
|
+ .fixed-messageImg{
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-drawer__wrapper /deep/{
|
|
|
+ .el-drawer{
|
|
|
+ width: 2.4rem !important;
|
|
|
+ .sideboxContent{
|
|
|
+ .sideboxFixed{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .sideboxTitle{
|
|
|
+ background: #065ba9;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ height: 0.8rem;
|
|
|
+ line-height: 0.8rem;
|
|
|
+ }
|
|
|
+ .Contentbox{
|
|
|
+ padding: 0 0.4rem;
|
|
|
+ .singleBox{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 0.2rem;
|
|
|
+ .singleBoxText{
|
|
|
+ font-size: 0.18rem;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .singleBoxImg{
|
|
|
+ width: 0.5rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
</style>
|