|
|
|
@ -33,16 +33,17 @@ |
|
|
|
<div class="rightContent"> |
|
|
|
<img src="../assets/img/rightBox.png" |
|
|
|
style="height: 98%;width: 100%;margin-top: 1%;position: absolute;z-index: 1;"> |
|
|
|
<div class="rigthHeadInfo" style="position: relative;"> |
|
|
|
<div class="rigthHeadInfo" style="position: relative;" > |
|
|
|
<div |
|
|
|
style="display: flex;flex-direction: row;position: absolute;z-index: 2;margin-top: 2.9vw;margin-left: 2.7%;"> |
|
|
|
<div v-for="item in typeList" :key="item" style="position: relative;margin-right: 1vw;"> |
|
|
|
<img src="../assets/img/typeHead.png" style="width: 7vw;object-fit: contain;"> |
|
|
|
<div style="position: absolute;z-index: 3;color: #ffffff;top: 0.3vw;left: 1.8vw;">{{ item }}</div> |
|
|
|
style="display: flex;flex-direction: row;position: absolute;z-index: 1;margin-top: 2.9vw;margin-left: 3%;"> |
|
|
|
<div v-for="item in typeList" :key="item" style="position: relative;margin-right: 1vw;" @click="changeType(item)"> |
|
|
|
<img src="../assets/img/typeHead.png" style="width: 7vw;object-fit: contain;" > |
|
|
|
<div style="position: absolute;z-index: 12121;color: #ffffff;top: 0.3vw;left: 1.8vw;" >{{ item }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img src="../assets/img/rightHead.png" |
|
|
|
style="width: 96%;height:5vw;position: absolute;z-index: 2;margin-top: 3vw;margin-left: 2%;"> |
|
|
|
<div style="width: 94%;height:3vw;position: absolute;z-index: 1;top: 4.9vw;left: 3%;background-color: #0c3068;box-shadow: 0px -9px 10px 0px rgb(75,230,255);"></div> |
|
|
|
<!-- <img src="../assets/img/rightHead.png"--> |
|
|
|
<!-- style="width: 96%;height:5vw;position: absolute;z-index: 1;top: 3.1vw;left: 2%;">--> |
|
|
|
<div style="width: 94.4%;height: 2.9vw;position: absolute;z-index: 2;margin-left: 2.6%;top: 5vw;"> |
|
|
|
<div |
|
|
|
style="width: 100%;height: 100%;display: flex;flex-direction: row;line-height: 2.9vw;text-align: center;color: #ffffff;"> |
|
|
|
@ -64,10 +65,11 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pageList"> |
|
|
|
<div style="float: left;margin-right: 0.1vw;">...</div> |
|
|
|
<div v-for="item in onePagesList" :key="item" @click="choosePage(item)" |
|
|
|
style="width: 1.4vw;height: 1.4vw;border-radius: 50%;background-color: #082e56;margin-top: 0.25vw;font-size: 0.5vw; |
|
|
|
<div style="float: left;margin-right: 0.1vw;" @click="choosePage(onePagesList[0]-1)">...</div> |
|
|
|
<div v-for="item in onePagesList" :key="item" @click="choosePage(item)"> |
|
|
|
<div style="width: 1.4vw;height: 1.4vw;border-radius: 50%;background-color: #082e56;margin-top: 0.25vw;font-size: 0.5vw; |
|
|
|
text-align: center;line-height: 1.6vw;margin-left: 1vw;margin-right: 1vw; box-shadow: inset 0 0 14px 1px rgb(75,230,255);">{{item}}</div> |
|
|
|
</div> |
|
|
|
<div style="float: left;margin-left: 0.1vw;">...</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -107,6 +109,11 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
changeType(item){ |
|
|
|
console.log("dhjasdhkahdkjahskjhdkj") |
|
|
|
this.twType = item; |
|
|
|
this.getContentList(); |
|
|
|
}, |
|
|
|
choosePage(item){ |
|
|
|
console.log(item); |
|
|
|
this.pageNum = item; |
|
|
|
@ -115,7 +122,7 @@ export default { |
|
|
|
getContentList() { |
|
|
|
var data = { |
|
|
|
name: this.selectName, |
|
|
|
type: this.twType, |
|
|
|
twType: this.twType, |
|
|
|
pageNum: this.pageNum, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
|
