摘 要
本文详细阐述了高级婚纱定制管理系统的构建流程，该系统主要由需求分析、详细设计、系统实现等核心部分组成，旨在满足实际业务中的应用需求。本系统的一大特色是将Spring Boot技术融入高级婚纱定制管理系统中，这一创新举措显著提升了系统开发效率。最终构建出的系统不仅运行稳定，而且操作简便、实用性强。
本文主要工作涵盖以下几个方面，总体方案确定，系统基于B/S模式进行开发，采用JAVA语言编程，以MySQL数据库为基础实现系统功能。为进一步提高开发效率，系统引入了Spring Boot技术，系统分析与设计，通过对高级婚纱定制管理系统的业务需求和功能需求进行深入分析，明确了系统的功能架构组成，并进行了全面的安全性设计。系统实现方法，在确保系统功能满足用户实际需求的前提下，通过需求分析指导系统功能的实现，使得该系统能够真正应用于实际业务中，发挥其实用价值。
关键词：高级婚纱定制管理系统，系统构建，Spring Boot技术，MySQL数据库，Spring Boot框架
目 录
1绪论 1
1.1研究背景 1
1.2研究意义 1
1.3社会调查 1
2系统相关技术介绍 3
2.1系统的开发环境 3
2.2 系统的开发语言 3
2.3 JSON技术介绍 3
2.4 MySQL数据库 3
2.5 JavaScript技术介绍 3
3 系统需求分析 5
3.1 可行性分析 5
3.1.1技术可行性 5
3.1.2经济可行性 5
3.2 需求分析 5
3.2.1可扩展性 5
3.2.2 稳定性 5
3.2.3 易用性 5
3.2.4 流动性 6
3.2.5 安全性 6
3.2.6 功能需求分析 6
3.3 系统维护分析 7
3.4 系统功能分析 8
4 总体设计 10
4.1系统设计原则 10
4.2系统的工作原理 10
4.3系统功能操作流程 11
4.3.1系统功能流程 11
4.3.2系统操作流程 12
4.3.3添加信息流程 13
4.3.4修改流程 14
4.3.5删除信息流程 15
4.3.6婚纱定制流程 16
4.4系统功能操作时序图 17
4.4.1登录时序分析 17
4.4.2录入时序分析 17
4.4.3修改时序分析 18
4.5系统数据库设计 19
4.5.1数据库逻辑设计 22
4.5.2数据库物理设计 22
5 系统功能实现 25
5.1 用户登录模块 25
5.2 首页界面模板 25
5.3 个人信息模块 26
5.4 用户信息界面 26
5.5 完成定制管理界面模块 26
5.6 婚纱配送信息界面模块 27
6系统测试 28
6.1测试方法 28
6.2测试用例 28
结论 31
参考文献 32
致谢 33
<template>
<div class="home-preview" :style='{"width":"100%","margin":"20px 0 0","flexWrap":"wrap","justifyContent":"space-between","display":"flex"}'>
<div class="recommend" :style='{"border":"0px solid #dfdfdf","boxShadow":"0px 0px 0px #eee","padding":"0","margin":"0","overflow":"hidden","borderRadius":"0px","background":"url(http://codegen.caihongy.cn/20221118/6840d1949de64f4caac19a375cf196a5.jpg) fixed center top,#f0f0f0","width":"100%","position":"relative","height":"auto","order":"2"}'>
<div v-if="true" class="idea recommendIdea" :style='{"padding":"0","margin":"0 auto","flexWrap":"wrap","background":"#efefef","display":"flex","width":"1200px","justifyContent":"space-between"}'>
<div class="box1" :style='{"width":"1200px","position":"absolute","top":"74px","background":"#08b344","height":"1px"}'></div>
<div class="box2" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box3" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box4" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box5" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box6" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box7" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box8" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box9" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box10" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
</div>
<div class="title" :style='{"padding":"0","margin":"60px auto 20px","textAlign":"left","background":"none","width":"1200px","lineHeight":"1","position":"relative"}'>
<span :style='{"padding":"8px 50px 8px 20px ","fontSize":"30px","color":"#fff","textShadow":"0px 0px 0px #eee","background":"linear-gradient(135deg, rgba(17,112,210,1) 0%, rgba(8,179,68,1) 100%)","fontWeight":"bold"}'>样品推荐</span>
</div>
<!-- 样式四 -->
<div class="list list4 index-pv1" :style='{"width":"1200px","padding":"0px","margin":"40px auto","overflow":"hidden","background":"none","height":"auto"}'>
<div v-if="yangpinRecommend.length>0" class="list-item animation-box" @click="toDetail('yangpinDetail', yangpinRecommend[0])" :style='{"cursor":"pointer","margin":"0 0px","borderRadius":"4px","background":"#fff","width":"48%","position":"relative","float":"left","height":"570px"}'>
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-if="yangpinRecommend[0].hunshalifu.substr(0,4)=='http'" :src="yangpinRecommend[0].hunshalifu.split(',')[0]" alt="" />
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-else :src="baseUrl + (yangpinRecommend[0].hunshalifu?yangpinRecommend[0].hunshalifu.split(',')[0]:'')" alt="" />
<div class="title line1" :style='{"whiteSpace":"nowrap","color":"#fff","textAlign":"center","bottom":"0","overflow":"hidden","borderRadius":"0 0 4px 4px","left":"0","background":"rgba(0,0,0,.3)","width":"100%","lineHeight":"44px","fontSize":"16px","position":"absolute","textOverflow":"ellipsis"}'>
<div>样品类别:{{yangpinRecommend[0].yangpinleibie}}</div>
</div>
</div>
<div class="list-body" :style='{"width":"50%","margin":"0 0 10px","float":"right","background":"none","display":"inline-block","height":"275px"}'>
<div v-if="yangpinRecommend.length>1" @click="toDetail('yangpinDetail', yangpinRecommend[1])" class="list-item animation-box" :style='{"cursor":"pointer","margin":"0","borderRadius":"4px","background":"#fff","display":"inline-block","width":"49%","position":"relative","float":"left","height":"275px"}'>
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-if="yangpinRecommend[1].hunshalifu.substr(0,4)=='http'" :src="yangpinRecommend[1].hunshalifu.split(',')[0]" alt="" />
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-else :src="baseUrl + (yangpinRecommend[1].hunshalifu?yangpinRecommend[1].hunshalifu.split(',')[0]:'')" alt="" />
<div class="title line1" :style='{"whiteSpace":"nowrap","color":"#fff","textAlign":"center","bottom":"0","overflow":"hidden","borderRadius":"0 0 4px 4px","left":"0","background":"rgba(0,0,0,.3)","width":"100%","lineHeight":"44px","fontSize":"16px","position":"absolute","textOverflow":"ellipsis"}'>
<div>样品类别:{{yangpinRecommend[1].yangpinleibie}}</div>
</div>
</div>
<div v-if="yangpinRecommend.length>2" @click="toDetail('yangpinDetail', yangpinRecommend[2])" class="list-item animation-box" :style='{"cursor":"pointer","margin":"0","borderRadius":"4px","background":"#fff","display":"inline-block","width":"48%","position":"relative","float":"right","height":"275px"}'>
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-if="yangpinRecommend[2].hunshalifu.substr(0,4)=='http'" :src="yangpinRecommend[2].hunshalifu.split(',')[0]" alt="" />
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-else :src="baseUrl + (yangpinRecommend[2].hunshalifu?yangpinRecommend[2].hunshalifu.split(',')[0]:'')" alt="" />
<div class="title line1" :style='{"whiteSpace":"nowrap","color":"#fff","textAlign":"center","bottom":"0","overflow":"hidden","borderRadius":"0 0 4px 4px","left":"0","background":"rgba(0,0,0,.3)","width":"100%","lineHeight":"44px","fontSize":"16px","position":"absolute","textOverflow":"ellipsis"}'>
<div>样品类别:{{yangpinRecommend[2].yangpinleibie}}</div>
</div>
</div>
</div>
<div class="list-body" :style='{"width":"50%","margin":"10px 0 0","float":"right","display":"inline-block","height":"275px"}'>
<div v-if="yangpinRecommend.length>3" @click="toDetail('yangpinDetail', yangpinRecommend[3])" class="list-item animation-box" :style='{"cursor":"pointer","margin":"0px","borderRadius":"4px","background":"#fff","display":"inline-block","width":"49%","position":"relative","float":"left","height":"275px"}'>
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-if="yangpinRecommend[3].hunshalifu.substr(0,4)=='http'" :src="yangpinRecommend[3].hunshalifu.split(',')[0]" alt="" />
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-else :src="baseUrl + (yangpinRecommend[3].hunshalifu?yangpinRecommend[3].hunshalifu.split(',')[0]:'')" alt="" />
<div class="title line1" :style='{"whiteSpace":"nowrap","color":"#fff","textAlign":"center","bottom":"0","overflow":"hidden","borderRadius":"0 0 4px 4px","left":"0","background":"rgba(0,0,0,.3)","width":"100%","lineHeight":"44px","fontSize":"16px","position":"absolute","textOverflow":"ellipsis"}'>
<div>样品类别:{{yangpinRecommend[3].yangpinleibie}}</div>
</div>
</div>
<div v-if="yangpinRecommend.length>4" @click="toDetail('yangpinDetail', yangpinRecommend[4])" class="list-item animation-box" :style='{"cursor":"pointer","margin":"0","borderRadius":"4px","background":"#fff","display":"inline-block","width":"48%","position":"relative","float":"right","height":"275px"}'>
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-if="yangpinRecommend[4].hunshalifu.substr(0,4)=='http'" :src="yangpinRecommend[4].hunshalifu.split(',')[0]" alt="" />
<img :style='{"width":"100%","objectFit":"cover","borderRadius":"4px","float":"left","height":"100%"}' v-else :src="baseUrl + (yangpinRecommend[4].hunshalifu?yangpinRecommend[4].hunshalifu.split(',')[0]:'')" alt="" />
<div class="title line1" :style='{"whiteSpace":"nowrap","color":"#fff","textAlign":"center","bottom":"0","overflow":"hidden","borderRadius":"0 0 4px 4px","left":"0","background":"rgba(0,0,0,.3)","width":"100%","lineHeight":"44px","fontSize":"16px","position":"absolute","textOverflow":"ellipsis"}'>
<div>样品类别:{{yangpinRecommend[4].yangpinleibie}}</div>
</div>
</div>
</div>
</div>
<div @click="moreBtn('yangpin')" :style='{"border":"0px solid #ffa100","cursor":"pointer","boxShadow":"0px 0px 0px #ddd5c6,inset 0px 0px 0px 0px #ffa100","margin":"40px auto 40px","borderRadius":"0px","textAlign":"center","background":"url(http://codegen.caihongy.cn/20221118/85c87f82844444f2b945ecfffbbad360.png) repeat-x","display":"block","width":"1200px","lineHeight":"44px"}'>
<span :style='{"padding":"0 0 0 10px","borderColor":"#ccc","margin":"0","color":"#333","background":"#eee","borderWidth":"1px 0 1px 1px","display":"inline-block","width":"100px","fontSize":"16px","lineHeight":"44px","borderStyle":"solid","height":"44px"}'>查看更多</span>
<i v-if="true" :style='{"padding":"0 20px 0 0","borderColor":"#ccc","margin":"0 0 0 -10px","color":"#333","borderWidth":"1px 1px 1px 0px","background":"#eee","display":"inline-block","width":"40px","fontSize":"16px","lineHeight":"44px","borderStyle":"solid","height":"44px"}' class="el-icon-d-arrow-right"></i>
</div>
</div>
<div class="news" :style='{"border":"0px solid #dfdfdf","padding":"20px 0","boxShadow":"0px 0px 0px #eee","margin":"40px auto 0px auto","overflow":"hidden","borderRadius":"0px","background":"url(http://codegen.caihongy.cn/20221118/f282d6a058104a0594f1057196141cd5.jpg) fixed no-repeat center top","width":"100%","position":"relative","height":"auto","order":"6"}'>
<div v-if="true" class="idea newsIdea" :style='{"padding":"0","margin":"0 auto","flexWrap":"wrap","background":"none","display":"flex","width":"1200px","justifyContent":"space-between"}'>
<div class="box1" :style='{"width":"1200px","margin":"0 auto","position":"absolute","top":"74px","background":"#08b344","height":"1px"}'></div>
<div class="box2" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box3" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box4" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box5" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box6" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box7" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box8" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box9" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
<div class="box10" :style='{"width":"20%","background":"#fff","display":"none","height":"80px"}'></div>
</div>
<div class="title" :style='{"padding":"0","margin":"40px auto","textAlign":"left","background":"none","width":"1200px","lineHeight":"1","position":"relative"}'>
<span :style='{"padding":"8px 50px 8px 20px ","fontSize":"30px","color":"#fff","textShadow":"0px 0px 0px #eee","background":"linear-gradient(135deg, rgba(17,112,210,1) 0%, rgba(8,179,68,1) 100%)","fontWeight":"bold"}'>公告资讯</span>
</div>
<!-- 样式十 -->
<div v-if="newsList.length" class="list list10 index-pv1" :style='{"padding":"0px","margin":"0 auto","flexWrap":"wrap","background":"#fff","display":"flex","width":"1200px","justifyContent":"space-between","height":"auto"}'>
<div v-if="newsList.length>0" @click="toDetail('newsDetail', newsList[0])" :style='{"cursor":"pointer","padding":"20px 40px","margin":"0","flexWrap":"wrap","background":"#f5f5f5","display":"flex","width":"47%","position":"relative","float":"left","justifyContent":"space-between","height":"auto"}' class="new10-list-item animation-box">
<img :style='{"padding":"16px","margin":"0 0 24px","objectFit":"cover","borderRadius":"4px","background":"url(http://codegen.caihongy.cn/20221119/79d7fa9b750445998801a11399d2bc50.png) no-repeat","display":"block","width":"485px","backgroundSize":"100% 100%","height":"180px","order":"4"}' :src="baseUrl + newsList[0].picture" alt="">
<div :style='{"padding":"0 0px","whiteSpace":"nowrap","overflow":"hidden","color":"#333","width":"100%","fontSize":"18px","lineHeight":"normal","textOverflow":"ellipsis","order":"2"}' class="new9-list-item-title line1">{{newsList[0].title}}</div>
<div :style='{"width":"100%","margin":"0 0 20px","fontSize":"30px","lineHeight":"24px","color":"#aaa","order":"1"}' class="new9-list-item-time">{{newsList[0].addtime.split(' ')[0]}}</div>
<div :style='{"padding":"0","margin":"10px 0","overflow":"hidden","color":"#666","background":"none","width":"100%","fontSize":"14px","lineHeight":"24px","textIndent":"2em","order":"3","height":"72px"}' class="new9-list-item-descript line2">{{newsList[0].introduction}}</div>
<div :style='{"cursor":"pointer","border":"1px solid #08b344","padding":"0 20px 0 0","margin":"0 10px 10px","color":"#08b344","textAlign":"center","background":"url(http://codegen.caihongy.cn/20221118/1e65a4c4af854727a6b17466c815fd4f.png) no-repeat 100px 13px","display":"inline-block","width":"160px","fontSize":"16px","lineHeight":"38px","order":"5"}' class="new9-list-item-identification">MORE</div>
</div>
<div v-if="newsList.length>1" :style='{"margin":"20px 20px 20px 0","borderColor":"#ddd","background":"#fff","flexDirection":"column","borderWidth":"1px 0 0 0","display":"flex","width":"47%","position":"relative","borderStyle":"solid","float":"right","justifyContent":"space-between","height":"auto"}'>
<div v-for="(item,index) in newsList" v-if="index<4 && index>0" :key="index" @click="toDetail('newsDetail', item)" :style='{"cursor":"pointer","padding":"20px 10px","borderColor":"#ddd","flexWrap":"wrap","background":"none","borderWidth":"0 0 1px","display":"flex","width":"100%","position":"relative","borderStyle":"solid","height":"auto"}' class="new10-list-item animation-box">
<div :style='{"padding":"0px","whiteSpace":"nowrap","overflow":"hidden","color":"#333","background":"none","width":"100%","fontSize":"18px","lineHeight":"1","textOverflow":"ellipsis","order":"1"}' class="new9-list-item-title line1">{{ item.title }}</div>
<div :style='{"fontSize":"14px","lineHeight":"24px","position":"absolute","right":"20px","color":"#999","top":"56px"}' class="new9-list-item-time">{{ item.addtime.split(' ')[0] }}</div>
<div :style='{"padding":"0 20% 0 0","overflow":"hidden","color":"#666","background":"url(http://codegen.caihongy.cn/20221118/5f2614a0ca4247c7a52dd7ea8596b89c.png) no-repeat 97% center","width":"100%","fontSize":"14px","lineHeight":"30px","textIndent":"2em","order":"3","height":"60px"}' class="new9-list-item-descript line2">{{ item.introduction }}</div>
<div :style='{"padding":"0px","margin":"10px 0 0","color":"#999","background":"linear-gradient(135deg, rgba(17,112,210,1) 0%, rgba(8,179,68,1) 100%)","display":"block","width":"40px","fontSize":"12px","height":"4px","order":"2"}' class="new9-list-item-identification"></div>
</div>
</div>
</div>
<div @click="moreBtn('news')" :style='{"border":"0px solid #ffa100","cursor":"pointer","boxShadow":"0px 0px 0px #ddd5c6,inset 0px 0px 0px 0px #ffa100","margin":"40px auto 40px","borderRadius":"0px","textAlign":"center","background":"url(http://codegen.caihongy.cn/20221118/85c87f82844444f2b945ecfffbbad360.png) repeat-x","display":"block","width":"1200px","lineHeight":"44px"}'>
<span :style='{"padding":"0 0 0 10px","borderColor":"#ccc","margin":"0","color":"#333","background":"#eee","borderWidth":"1px 0 1px 1px","display":"inline-block","width":"100px","fontSize":"16px","lineHeight":"44px","borderStyle":"solid","height":"44px"}'>查看更多</span>
<i v-if="true" :style='{"padding":"0 20px 0 0","borderColor":"#ccc","margin":"0 0 0 -10px","color":"#333","borderWidth":"1px 1px 1px 0px","background":"#eee","display":"inline-block","width":"40px","fontSize":"16px","lineHeight":"44px","borderStyle":"solid","height":"44px"}' class="el-icon-d-arrow-right"></i>
</div>
</div>
</div>
</template>
<script>
export default {
//数据集合
data() {
return {
baseUrl: '',
newsList: [],
yangpinRecommend: [],
}
},
created() {
this.baseUrl = this.$config.baseUrl;
this.getNewsList();
this.getList();
},
//方法集合
methods: {
getNewsList() {
this.$http.get('news/list', {params: {
page: 1,
limit: 4,
order: 'desc'}}).then(res => {
if (res.data.code == 0) {
this.newsList = res.data.data.list;
}
});
},
getList() {
let autoSortUrl = "";
autoSortUrl = "yangpin/autoSort";
this.$http.get(autoSortUrl, {params: {
sfsh: '是',
page: 1,
limit: 6,
}}).then(res => {
if (res.data.code == 0) {
this.yangpinRecommend = res.data.data.list;
// 商品列表样式五
}
});
},
toDetail(path, item) {
this.$router.push({path: '/index/' + path, query: {detailObj: JSON.stringify(item)}});
},
moreBtn(path) {
this.$router.push({path: '/index/' + path});
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.home-preview {
.recommend {
.list3 .swiper-button-prev {
left: 10px;
right: auto;
}
.list3 .swiper-button-prev::after {
color: rgb(64, 158, 255);
}
.list3 .swiper-button-next {
left: auto;
right: 10px;
}
.list3 .swiper-button-next::after {
color: rgb(64, 158, 255);
}
.list5 .swiper-button-prev {
left: 10px;
right: auto;
}
.list5 .swiper-button-prev::after {
color: rgb(64, 158, 255);
}
.list5 .swiper-button-next {
left: auto;
right: 10px;
}
.list5 .swiper-button-next::after {
color: rgb(64, 158, 255);
}
.list5 {
.swiper-slide-prev {
position: relative;
z-index: 3;
}
.swiper-slide-next {
position: relative;
z-index: 3;
}
.swiper-slide-active {
position: relative;
z-index: 5;
}
}
.index-pv1 .animation-box {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
z-index: initial;
}
.index-pv1 .animation-box:hover {
-webkit-perspective: 1000px;
perspective: 1000px;
transition: 0.3s;
z-index: 1;
}
.index-pv1 .animation-box img {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
}
.index-pv1 .animation-box img:hover {
filter: brightness(1.1);
transform: rotate(0deg);
-webkit-perspective: 1000px;
perspective: 1000px;
opacity: 0.75;
transition: all 0.3s ease-in-out 0s;
}
}
.news {
.list3 .swiper-button-prev {
left: 10px;
right: auto;
}
.list3 .swiper-button-prev::after {
color: rgb(64, 158, 255);
}
.list3 .swiper-button-next {
left: auto;
right: 10px;
}
.list3 .swiper-button-next::after {
color: rgb(64, 158, 255);
}
.list6 .swiper-button-prev {
left: 10px;
right: auto;
}
.list6 .swiper-button-prev::after {
color: rgb(64, 158, 255);
}
.list6 .swiper-button-next {
left: auto;
right: 10px;
}
.list6 .swiper-button-next::after {
color: rgb(64, 158, 255);
}
.index-pv1 .animation-box {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
z-index: initial;
}
.index-pv1 .animation-box:hover {
-webkit-perspective: 1000px;
perspective: 1000px;
transition: 0.3s;
z-index: 1;
}
.index-pv1 .animation-box img {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
}
.index-pv1 .animation-box img:hover {
filter: brightness(1.1);
-webkit-perspective: 1000px;
perspective: 1000px;
transition: all 0.3s ease-in-out 0s;
}
}
.lists {
.list3 .swiper-button-prev {
left: 10px;
right: auto;
}
.list3 .swiper-button-prev::after {
color: #08b344;
}
.list3 .swiper-button-next {
left: auto;
right: 10px;
}
.list3 .swiper-button-next::after {
color: #08b344;
}
.list5 .swiper-button-prev {
left: 10px;
right: auto;
}
.list5 .swiper-button-prev::after {
color: rgb(64, 158, 255);
}
.list5 .swiper-button-next {
left: auto;
right: 10px;
}
.list5 .swiper-button-next::after {
color: rgb(64, 158, 255);
}
.list5 {
.swiper-slide-prev {
position: relative;
z-index: 3;
}
.swiper-slide-next {
position: relative;
z-index: 3;
}
.swiper-slide-active {
position: relative;
z-index: 5;
}
}
.index-pv1 .animation-box {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
z-index: initial;
}
.index-pv1 .animation-box:hover {
-webkit-perspective: 1000px;
perspective: 1000px;
transition: 0.3s;
z-index: 1;
}
.index-pv1 .animation-box img {
transform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);
}
.index-pv1 .animation-box img:hover {
-webkit-perspective: 1000px;
perspective: 1000px;
opacity: 0.75;
transition: all 0.3s ease-in-out 0s;
}
}
}
</style>
扫一扫
882
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
