chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式bug修改

master
蟑螂恶霸 2 years ago
parent
a458f1cd89
commit
007710ed7a
2 changed files with 129 additions and 47 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/images/item_count.jpg
  2. 176
      src/views/HomeWx.vue

BIN
src/assets/images/item_count.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 21 KiB

176
src/views/HomeWx.vue
View File

@ -253,57 +253,139 @@
display: flex;
justify-content: center;
}
;
.box-qr-code {
width: 90%;
text-align: right;
height: 3.66667rem;
background-color: #ff976a;
border-radius: 10px;
background: url("../assets/images/item_code.png");
background-size: cover;
.box-qr-code-text {
margin: 0.35rem 0.5rem 0 0;
display: block;
font-size: 17px
}
}
.box-info {
width: 52%;
text-align: right;
height: 3.66667rem;
background-color: #ff976a;
border-radius: 10px;
background: url("../assets/images/item_check.png");
background-size: cover;
.box-info-text {
margin: 0.35rem 0.5rem 0 0;
display: block;
font-size: 17px
}
.box-qr-code {
position: relative;
margin: 2% 0;
width: 90%;
height: 3.66667rem;
text-align: right;
border-radius: 10px;
.box-qr-code-text {
position: absolute;
z-index: 10;
top: 10%;
right: 0.35rem;
display: block;
font-size: 0.5rem;
}
.box-complaint {
width: 36%;
text-align: right;
height: 3.66667rem;
background-color: #ff976a;
border-radius: 10px;
margin-left: 2%;
background: url("../assets/images/item_complain.png");
background-size: cover;
.box-complaint-text {
margin: 0.35rem 0.5rem 0 0;
display: block;
font-size: 17px
}
}
.box-qr-code::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
z-index: 0;
width: calc(100% + 4px);
height: calc(100% + 4px);
background-color: #fff;
border: 5px solid rgba(255,255,255,0.5);
border-radius: 10px;
}
.box-qr-code::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 10px;
background: #fff url("../assets/images/item_code.jpg") no-repeat left;
background-size: auto 100%;
border: 1px solid #8db4ff;
}
.box-info {
position: relative;
margin-right: 2%;
width: 50%;
height: 3.66667rem;
text-align: right;
border-radius: 10px;
.box-info-text {
position: absolute;
z-index: 10;
top: 10%;
right: 0.35rem;
display: block;
font-size: 0.5rem;
}
}
.box-info::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
z-index: 0;
width: calc(100% + 4px);
height: calc(100% + 4px);
background-color: #fff;
border: 5px solid rgba(255,255,255,0.5);
border-radius: 10px;
}
.box-info::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 10px;
background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
background-size: auto 100%;
border: 1px solid #8db4ff;
}
.box-complaint {
position: relative;
margin-left: 3%;
width: 35%;
height: 3.66667rem;
text-align: right;
border-radius: 10px;
.box-complaint-text {
position: absolute;
z-index: 10;
top: 10%;
right: 0.35rem;
display: block;
font-size: 0.5rem;
}
}
}
.box-complaint::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
z-index: 0;
width: calc(100% + 4px);
height: calc(100% + 4px);
background-color: #fff;
border: 5px solid rgba(255,255,255,0.5);
border-radius: 10px;
}
.box-complaint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 10px;
background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
background-size: auto 100%;
border: 1px solid #8db4ff;
}
.recommend_box {
.recommend_body {

Write Preview
Loading…
Cancel
Save