确认框样式

This commit is contained in:
zhaofang
2022-09-29 19:00:33 +08:00
parent 8f36ee2d7f
commit 2008561872
5 changed files with 78 additions and 19 deletions

View File

@@ -10,7 +10,7 @@ body {
.xcontent{ .xcontent{
// width: 1000px; // width: 1000px;
// margin: 0px auto; // margin: 0px auto;
// margin: 0px 5%; margin: 0px 5%;
} }
.index-course{ .index-course{
// width: 25%; // width: 25%;

View File

@@ -1,3 +1,64 @@
/** /**
* 用户中心的一些通用样式,定义在这里面 * 用户中心的一些通用样式,定义在这里面
*/ */
.uc-center-page{
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 36px;
margin-right: 44px;
}
.uc-center-one-title{
font-size: 18px;
font-weight: 600;
color: #333333;
}
.uc-center-title{
font-size: 16px;
font-weight: 600;
color: #333333;
}
.uc-center-time{
font-size: 14px;
color: #666666;
}
.uc-center-icon{
font-size: 12px;
color: #999999;
}
.el-message-box{
width: 502px;
height: 282px;
}
.el-message-box__header{
display: none;
}
.el-message-box__content{
text-align: center;
margin-top: 86px;
padding: 0;
font-weight: 600;
color: #333333;
font-size: 22px;
.el-message-box__status{
display: none;
}
}
.el-message-box__btns{
margin-top: 60px;
text-align: center;
.el-button{
width: 140px;
height: 40px;
border-radius: 4px;
border: 1px solid #387DF7;
}
}
.el-message-box__btns button:nth-child(1) {
color: #387DF7;
}
.el-message-box__btns button:nth-child(2) {
margin-left:20px;
}

View File

@@ -65,7 +65,7 @@
<div class="person-action-item"> <div class="person-action-item">
<el-badge class="person-action-index message-count" :value="userMsg" :hidden="userMsg == 0"> <el-badge class="person-action-index message-count" :value="userMsg" :hidden="userMsg == 0">
<el-tooltip content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip"> <el-tooltip content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
<el-link type="primary" :href="`${webBaseUrl}/message`" :underline="false"> <el-link type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false">
<svg-icon v-if="current == 'qa'" style="margin-right: 0;font-size:26px;" icon-class="message"></svg-icon> <svg-icon v-if="current == 'qa'" style="margin-right: 0;font-size:26px;" icon-class="message"></svg-icon>
<svg-icon v-else style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon> <svg-icon v-else style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon>
</el-link> </el-link>

View File

@@ -6,7 +6,7 @@
<!-- <div style="height: 20px;"></div> --> <!-- <div style="height: 20px;"></div> -->
</div> </div>
<!-- width: 990px; --> <!-- width: 990px; -->
<div class="main-body" style="padding: 0px 10px;flex:1; background-color: #fff;margin-left: 32px;padding-top:20px"> <div class="main-body" style="padding: 20px 30px;flex:1; background-color: #fff;margin-left: 32px;">
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> --> <!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right"> <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>

View File

@@ -1,8 +1,9 @@
<template> <template>
<!--我的独立考试--> <!--我的独立考试-->
<div> <div>
<div style="display: flex; justify-content: flex-start;padding:12px 20px 10px 22px" > <div style="display: flex; justify-content: flex-start;padding:12px 20px 20px 22px" >
<!--查询--> <!--查询-->
<div class="uc-center-page">我的考试</div>
<div style="padding: 0px 0px"> <div style="padding: 0px 0px">
<el-select clearable v-model="status" placeholder="状态" style="width: 110px"> <el-select clearable v-model="status" placeholder="状态" style="width: 110px">
<el-option label="未开始" :value="0"></el-option> <el-option label="未开始" :value="0"></el-option>
@@ -11,17 +12,16 @@
<el-option label="完成" :value="9"></el-option> <el-option label="完成" :value="9"></el-option>
</el-select> </el-select>
</div> </div>
<div style="padding-left: 10px"> <div style="padding-left: 16px">
<el-input v-model="testName" clearable placeholder="搜索名称"></el-input> <el-input v-model="testName" clearable placeholder="搜索名称"></el-input>
</div> </div>
<div class="button-class" style="padding-left: 10px"><el-button type="primary" icon="el-icon-search" @click="search()">搜索</el-button></div> <div class="button-class" style="padding-left: 14px"><el-button type="primary" icon="el-icon-search" @click="search()">搜索</el-button></div>
<div class="button-class" style="padding-left: 10px"><el-button type="primary" icon="el-icon-refresh-right" @click="reset()">重置</el-button></div> <div class="button-class" style="padding-left: 14px"><el-button type="primary" icon="el-icon-refresh-right" @click="reset()">重置</el-button></div>
</div> </div>
<div> <div>
<div v-for="(item,idx) in taskList" :key="idx" class="titem"> <div v-for="(item,idx) in taskList" :key="idx" class="titem">
<!-- <div><a :href="webBaseUrl+'/exam/test?id='+item.objId" target="_blank"> {{item.objId}}</a></div> -->
<div class="task-info"> <div class="task-info">
<div @click="jumpRouter(item)" v-html="$keywordActiveShow(item.testName,testName)" class="task-tit one-line-ellipsis"> <div @click="jumpRouter(item)" v-html="$keywordActiveShow(item.testName,testName)" class="task-tit one-line-ellipsis">
</div> </div>
@@ -46,10 +46,6 @@
<a v-if="item.status == 1 && 8" :href="webBaseUrl+'/exam/test?id='+item.testId" target="_blank" > <a v-if="item.status == 1 && 8" :href="webBaseUrl+'/exam/test?id='+item.testId" target="_blank" >
<el-button type="primary" size="small">继续考试</el-button> <el-button type="primary" size="small">继续考试</el-button>
</a> </a>
<!-- <a v-if="item.status == 9" :href="webBaseUrl+'/exam/test?id='+item.testId" target="_blank" >
<el-button type="primary" size="small">回顾考试</el-button>
</a> -->
<el-button type="primary" v-if="item.status == 9" size="small" @click="jumpRouter(item)">查看</el-button> <el-button type="primary" v-if="item.status == 9" size="small" @click="jumpRouter(item)">查看</el-button>
</div> </div>
</div> </div>
@@ -65,11 +61,13 @@
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
<div v-else> <div v-else class="home-no-list">
<div v-if="taskList.length == 0"> <img class="img" src="/images/homeWu/no-case.png" alt="" srcset="">
<div v-if="isSearh" class="zan-wu">没有查询到相关内容</div> <p class="text">还没有案例</p>
<div v-else class="zan-wu">暂无数据</div> <!-- <div v-if="taskList.length == 0"> -->
</div> <!-- <div v-if="isSearh" class="zan-wu">没有查询到相关内容</div>
<div v-else class="zan-wu">暂无数据</div> -->
<!-- </div> -->
</div> </div>
</div> </div>
@@ -166,7 +164,7 @@
font-size: 18px; font-size: 18px;
color: #333; color: #333;
margin-top: -3px; margin-top: -3px;
font-weight: 700; font-weight: 600;
} }
.task-text{ .task-text{
color: #444; color: #444;