Commit 0be4aa16 by 孙美琪

图片修改

parent a46ccc81
<template>
<div class="app-container custom-main-w ">
<div style="margin: 0 auto;padding: 0 84px;'">
<!-- 内容过滤器-->
<!-- <el-tabs v-model="tabActive" @tab-change="tabChange">-->
<!-- <el-tab-pane-->
<!-- v-for="i in assemblyTypes"-->
<!-- :key="i.value"-->
<!-- :label="i.name"-->
<!-- :name="i.value">-->
<!-- </el-tab-pane>-->
<!-- </el-tabs>-->
<el-row :gutter="24">
<el-col v-for="(item,index) in assemblyData" :key="item.id" :span="6">
<div class="item flex">
......@@ -43,28 +33,16 @@ import {ref} from 'vue'
import {assemblyList} from '@/api/home.js'
import {assemblyType} from "../../api/home.js";
const baseUrl = import.meta.env.VITE_APP_BASE_API
const assemblyData = ref([])
const iframeSrc = ref('')
const iframeShow = ref(false)
const dialogTableVisible = ref(false)
const dialogTitle = ref('')
const indexNum = ref(0)
const assemblyTypes = ref([])
const tabActive = ref("0")
function getAassemblyList() {
assemblyList().then(res => {
const validData = res.data;
validData.forEach(item => {
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
});
assemblyData.value = validData;
assemblyData.value = res.data;
})
}
......@@ -92,7 +70,7 @@ getAassemblyList()
<style scoped lang="scss">
.app-container {
min-height: 100%;
padding-top: 70px;
padding-top: 130px;
//background-color: #F7F8F9;
}
......
......@@ -465,7 +465,7 @@ const clearQueryInterval = () => {
}
.top-banner-list {
margin-top: 24px;
margin-top: 84px;
.banner-item {
width: 360px;
......
......@@ -128,8 +128,8 @@ import {parseTime} from "../../utils/ruoyi.js";
import {useDict} from "@/utils/dict.js";
import {listData} from "@/api/system/dict/data.js";
const {proxy} = getCurrentInstance();
const {check_status} = proxy.useDict("check_status");
// const {proxy} = getCurrentInstance();
// const {check_status} = proxy.useDict("check_status");
const infoData = ref({})
......
......@@ -129,8 +129,7 @@
<el-col span="8" v-for="(i,index) in partnerList" :key="index" @click="handleOpen(i.url)">
<div class="partner-item">
<div class="img">
<img :src="i.image.length !==0 ? i.image[0]:''"
alt=""/>
<img :src="i.image" alt=""/>
</div>
<div class="title">{{ i.title }}</div>
</div>
......@@ -256,69 +255,12 @@ getBanner()
function getResource() {
informationResourceList().then(res => {
// 筛选条件:showStatus为true的数据
const filteredData = res.data;
// 处理information字段,去除<p>标签,并处理图片数组
const processedData = filteredData.map(item => {
if (item.information) {
item.information = item.information.replace(/<p>/g, '').replace(/<\/p>/g, '');
}
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
return item;
});
list.value = processedData.length > 3 ? processedData.slice(0, 3) : processedData;
list.value = res.data
});
}
getResource()
const informationData = ref([])
const informationMainData = ref({})
function getInformation() {
informationList().then(res => {
// 筛选条件:showStatus为true的数据
const filteredData = res.data.filter(item => item.showStatus === true);
// 按创建时间降序排序(最新的在前)
const sortedData = filteredData.sort((a, b) => {
return new Date(b.createTime) - new Date(a.createTime);
});
sortedData.forEach(item => {
item.year = new Date(item.createTime).getFullYear()
item.month = new Date(item.createTime).getMonth() + 1
item.month = item.month < 10 ? '0' + item.month : item.month
item.day = new Date(item.createTime).getDate()
item.day = item.day < 10 ? '0' + item.day : item.day
// 使用正则表达式去除所有<p>和</p>标签
if (item.description) {
item.description = item.description.replace(/<p>/g, '').replace(/<\/p>/g, '')
}
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
})
informationMainData.value = sortedData.length ? sortedData[0] : {}
const arr = sortedData.length ? sortedData.slice(1, sortedData.length) : []
informationData.value = arr.length > 3 ? arr.slice(0, 3) : arr
})
}
getInformation()
function openAssembly(data) {
dialogTitle.value = data.title
iframeSrc.value = data.url
......
......@@ -192,7 +192,7 @@ function handleSolution(id) {
}
.app-container {
padding: 0;
padding-top: 100px;
flex-grow: 1;
flex-shrink: 1;
position: relative;
......
<template>
<div>
<div style="padding-top: 90px;">
<div class="custom-wrapper">
<div class="banner-wrapper">
<div class="banner-info">
......@@ -21,7 +21,7 @@
<div class="partner-item">
<div class="img">
<img
:src="i.image.length !==0 ?i.image[0]:''"
:src="i.image"
alt=""/>
</div>
<div class="title">{{ i.title }}</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment