hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-09 10:56:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
zhangsir
2023-09-27 16:48:20 +08:00
parent 35d98f79c6
commit 78eef96264
4 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/courserecommended/AddCourse.vue
View File

@@ -34,7 +34,7 @@
<a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
:loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
</div>
<div class="right1" style="min-width: 200px">
<div class="right1" style="min-width: 230px">
<div class="onerow">
<div class="onleft">
<div class="already">已选</div>
@@ -45,14 +45,14 @@
<div v-for="(item, i) in state.selectedRow" :key="i">
<div v-if="i < 11">
<div class="chose">
{{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
{{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
<div class="ch" @click="remove(item.id)"></div>
</div>
</div>
<div v-else>
<div v-if="state.member">
<div class="chose">
{{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
{{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
<div class="ch" @click="remove(item.id)"></div>
</div>
</div>
@@ -508,8 +508,8 @@ const deduplicateArrayById = (arr) => {
}
.chose {
min-width: 64px;
height: 24px;
width: 160px;
height: 32px;
margin-top: 25px;
margin-right: 25px;
display: flex;
@@ -521,7 +521,7 @@ const deduplicateArrayById = (arr) => {
font-size: 12px;
position: relative;
padding: 0 10px;
border-radius: 16px;
.ch {
position: absolute;
width: 18px;

7
src/components/courserecommended/CourseRecommended.vue
View File

@@ -108,7 +108,7 @@ export default defineComponent({
},
setup(props, { emit }) {
// 预览弹框 开启和关闭
const ft_exit_see = () => {
state.lookCourseModal = false;
@@ -149,13 +149,14 @@ const getList = (num) => {
state.tableLoading = true;
state.data = res?.result?.list || [];
state.total = res?.result?.count || 0;
console.log(state.data)
console.log("总数据",state.data)
})
.catch(() => {
state.tableLoading = false;
});
};
getList()
const value = ref('');

6
src/components/courserecommended/RecommendedCourse.vue
View File

@@ -58,9 +58,9 @@ import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
import AddCourse from "@/components/courserecommended/AddCourse";
import useDownload from '@/hooks/useDownload'
const state = reactive({
sellName:"", //推荐标题
sellIntro:"", //推荐组织
sellForm:"", //推荐理由
sellName:"1", //推荐标题
sellIntro:"1", //推荐组织
sellForm:"1", //推荐理由
})
const newNext = ref(false);
const handleNew = () => {

17
src/views/courselibrary/CourseRecommended.vue
View File

@@ -10,9 +10,9 @@
</div>
<div class="select">
<div class="select addTimeBox">
<div class="addTime">创建时间：</div>
<a-range-picker v-model:value="recommendTimeList" style="width: 420px" @change="timeChange"
format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="[' 开始时间', ' 结束时间']" />
<div class="addTime"><img src="../../assets/images/courseManage/time.png" class="timePng"></div>
<a-range-picker v-model:value="recommendTimeList" style="width: 354px" @change="timeChange"
format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['开始时间', ' 结束时间']" />
</div>
</div>
<div style="display: flex; margin-bottom: 20px">
@@ -447,16 +447,23 @@ const handleNew = () => {
position: relative;
display: flex;
align-items: center;
:deep(.ant-picker-range-separator){
padding: 0;
margin-right: 30px;
}
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
.timePng{
width: 20px;
height: 20px;
}
}
.ant-picker {
padding-left: 85px;
padding-left: 50px;
}
.ant-picker-range .ant-picker-active-bar {