hz/student-h5
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/student-h5.git synced 2025-12-06 17:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style：解决作业页面上传细节图宽度问题

Browse Source
This commit is contained in:
songwc
2022-09-23 17:49:16 +08:00
parent 260650fce7
commit 036b750834
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/homeworkpage/HomeworkPage.vue
View File

@@ -98,8 +98,8 @@
<div class="progressinner"></div> <div class="progressinner"></div>
</div> </div>
</div> </div>
<button class="btn btndetail">暂停</button> <button class="btn samebtnn">暂停</button>
<button class="btn">取消</button> <button class="btn samebtnn">取消</button>
</div> </div>
<div class="squarecontent2"> <div class="squarecontent2">
@@ -114,8 +114,8 @@
<div class="progressinner"></div> <div class="progressinner"></div>
</div> </div>
</div> </div>
<button class="btn btndetail">重传</button> <button class="btn samebtnn">重传</button>
<button class="btn">取消</button> <button class="btn samebtnn">取消</button>
</div> </div>
<div class="squarecontent3"> <div class="squarecontent3">
@@ -130,7 +130,9 @@
<div class="progressinner"></div> <div class="progressinner"></div>
</div> </div>
</div> </div>
<button class="btn btndetail">删除</button> <button class="btn samebtnn" style="margin-left: 7px">
删除
</button>
</div> </div>
</div> </div>
<div class="triangle"></div> <div class="triangle"></div>
@@ -408,11 +410,15 @@ export default {
background-color: #f5f6f7; background-color: #f5f6f7;
} }
.uploadDetail { .uploadDetail {
.samebtnn {
padding: 0;
}
position: absolute; position: absolute;
// top: 110px; // top: 110px;
top: 120px; top: 120px;
right: 0px; right: -14px;
z-index: 999; z-index: 999;
width: 109%;
.triangle { .triangle {
top: 156px; top: 156px;
left: 110px; left: 110px;
@@ -427,7 +433,7 @@ export default {
.square { .square {
// width: 475px; // width: 475px;
width: 100%; // width: 100%;
height: 156px; height: 156px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);