Compare commits
No commits in common. "master" and "Branch_csl" have entirely different histories.
master
...
Branch_csl
31
.drone.yml
31
.drone.yml
@ -1,31 +0,0 @@
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: feiyang-web
|
||||
|
||||
steps:
|
||||
- name: build
|
||||
image: node:18.18.0
|
||||
volumes:
|
||||
- name: build-file
|
||||
path: /build/dist
|
||||
commands:
|
||||
- npm install --registry=https://registry.npmmirror.com/
|
||||
- npm run build
|
||||
- cp -r dist/. /build/dist
|
||||
|
||||
- name: remote_transmit
|
||||
image: appleboy/drone-ssh # SSH工具镜像
|
||||
settings:
|
||||
host: 101.43.112.107 # 远程连接地址
|
||||
username: root # 远程连接账号
|
||||
password:
|
||||
from_secret: ssh_password # 从Secret中读取SSH密码
|
||||
port: 22 # 远程连接端口
|
||||
command_timeout: 5m # 远程执行命令超时时间
|
||||
script:
|
||||
- scp -r /feiyang/build/index root@1.94.20.201:~/server
|
||||
|
||||
volumes: # 定义流水线挂载目录，用于共享数据
|
||||
- name: build-file
|
||||
host:
|
||||
path: /feiyang/build/index # 从宿主机中挂载的目录
|
||||
@ -64,8 +64,7 @@
|
||||
<div style="color:rgba(60,115,164);font-size:40px">{{componyarr[0].sketchIn}}
|
||||
</div>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;width: 57%;" class="init"
|
||||
v-html="componyarr[0].contentIn">
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;width: 57%;" class="init" v-html="componyarr[0].contentIn">
|
||||
|
||||
</div>
|
||||
<div style="height: 40px;"></div>
|
||||
@ -76,8 +75,7 @@
|
||||
<div style="color:rgba(60,115,164);font-size:40px">{{componyarr[0].sketchDown}}
|
||||
</div>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;width: 57%;" class="init"
|
||||
v-html="componyarr[0].contentDown">
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;width: 57%;" class="init" v-html="componyarr[0].contentDown">
|
||||
|
||||
</div>
|
||||
<div style="height: 70px;"></div>
|
||||
@ -149,25 +147,24 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="images_cl">
|
||||
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;cursor: pointer;"
|
||||
v-for="item in honorList" :key="item.id" @click="changeto(item.id)">
|
||||
<div style="width: 80%;margin: auto;flex-wrap: wrap;justify-content: space-between; display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(31.33%, 1fr));
|
||||
grid-column-gap: 2%;">
|
||||
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;cursor: pointer;" v-for="item in honorList" :key="item.id" @click="changeto(item.id)">
|
||||
<div style="background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="img_cl" style="height: 100%;text-align: center; border: 5px solid #F8F8F8;">
|
||||
<div style="height: 100%;text-align: center; border: 5px solid #F8F8F8;">
|
||||
|
||||
|
||||
<img :src="item.picture" alt="200603" style="scale: 0.85;height: 285px;width: 379px">
|
||||
</div>
|
||||
<img :src="item.picture" alt="200603" style="scale: 0.85;height: 285px;width: 379px"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div v-if="!honorList.length"
|
||||
style="height: 400px;display: flex;justify-content: center;align-items: center;">
|
||||
<div v-if="!honorList.length" style="height: 400px;display: flex;justify-content: center;align-items: center;">
|
||||
<div style="color: #999;">该年份暂无内容展示</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -228,20 +225,16 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
honor,
|
||||
culture,
|
||||
compony
|
||||
} from '@/api';
|
||||
import {
|
||||
honorList
|
||||
} from '@/api';
|
||||
import { honor,culture,compony } from '@/api';
|
||||
import { honorList } from '@/api';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
activeName: 'first',
|
||||
timeIndex: 0,
|
||||
timeLineList: [{
|
||||
timeLineList:
|
||||
[
|
||||
{
|
||||
"timestamp": "全部",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
@ -342,11 +335,7 @@
|
||||
async getHonner(year){
|
||||
|
||||
|
||||
const {
|
||||
data: res
|
||||
} = await honorList({
|
||||
'year': year
|
||||
});
|
||||
const {data:res} = await honorList({'year':year});
|
||||
console.log(res)
|
||||
this.honorList = res
|
||||
},
|
||||
@ -366,7 +355,8 @@
|
||||
// this.$refs.mytimeline.style.marginLeft = marginLeft - 220 + 'px';
|
||||
if (this.timeIndex < 1) {
|
||||
return
|
||||
} else {
|
||||
}
|
||||
else {
|
||||
this.timeIndex = this.timeIndex - 1
|
||||
console.log(this.timeIndex)
|
||||
const year = this.timeLineList[this.timeIndex].year
|
||||
@ -397,30 +387,7 @@
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.images_cl {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(31.33%, 1fr));
|
||||
}
|
||||
@media screen and (max-width:1523px) {
|
||||
.img_cl {
|
||||
img {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1241px) {
|
||||
.images_cl {
|
||||
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
<style scoped>
|
||||
.compbg {
|
||||
background-image: url('../assets/images/banner.png');
|
||||
}
|
||||
@ -735,11 +702,10 @@
|
||||
margin-left: -22px; */
|
||||
flex: 0.5
|
||||
}
|
||||
|
||||
.init p{
|
||||
margin:16px 0
|
||||
}
|
||||
|
||||
}
|
||||
.ul_box {
|
||||
width: 100%;
|
||||
|
||||
|
||||
@ -53,9 +53,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
projectdetail
|
||||
} from '@/api';
|
||||
import { projectdetail } from '@/api';
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
@ -88,25 +86,21 @@
|
||||
position: static;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 30px;
|
||||
color: #0007a9;
|
||||
color: rgba(0, 7, 169, .8);
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.news_d {
|
||||
padding: 60px 0 0px;
|
||||
padding: 60px 0 90px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Wrapper {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* .news_d .name {
|
||||
font-size: 30px;
|
||||
color: #0007a9;
|
||||
@ -123,7 +117,6 @@
|
||||
::v-deep .el-tabs__nav-wrap::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.news_d .con p {
|
||||
font-size: 14.5px;
|
||||
color: #8e8e95;
|
||||
@ -154,11 +147,9 @@
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.top-box{
|
||||
margin: 16px 0 30px;
|
||||
}
|
||||
|
||||
.date{
|
||||
|
||||
font-size: 26px;
|
||||
@ -169,12 +160,10 @@
|
||||
padding: 0 30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page_ban .content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 86%;
|
||||
margin: 0 auto;
|
||||
@ -186,7 +175,6 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
div,
|
||||
li {
|
||||
box-sizing: border-box;
|
||||
@ -239,56 +227,48 @@
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lt {
|
||||
font-size: 25px;
|
||||
color: #000000;
|
||||
margin-top: 55px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_ls {
|
||||
font-size: 20px;
|
||||
color: #263d8f;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lc {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lc img {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lx {
|
||||
height: 88px;
|
||||
border-left: 1px solid #CCCCCC;
|
||||
padding-left: 10px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lx .jzmssj {
|
||||
font-size: 46px;
|
||||
color: #263d8f;
|
||||
font-weight: 100;
|
||||
line-height: 52px;
|
||||
}
|
||||
|
||||
.z_xq_cont_top_lx .jzmssj .dwi {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.cont{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.cont >>> img{
|
||||
max-width:500px;
|
||||
}
|
||||
|
||||
.cont>>>img {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user