up
This commit is contained in:
40
src/App.vue
40
src/App.vue
@ -10,6 +10,46 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
// @media screen and (min-width:813px) and (max-width:1025px){}
|
||||||
|
// // >=1024的设备屏幕
|
||||||
|
// @media screen and (min-width: 1024px) {
|
||||||
|
// .content {
|
||||||
|
// width: 1200px;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// // >=1100的设备屏幕
|
||||||
|
// @media screen and (min-width: 1100px) {
|
||||||
|
// .content {
|
||||||
|
// width: 1200px;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// // >=1280的设备屏幕
|
||||||
|
// @media (min-width: 1280px) {
|
||||||
|
// .content {
|
||||||
|
// width: 1200px;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// // >=1366的设备屏幕
|
||||||
|
// @media screen and (min-width: 1366px) {
|
||||||
|
// .content {
|
||||||
|
// width: 1400px;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// // >=1440的设备屏幕
|
||||||
|
// @media screen and (min-width: 1440px) {
|
||||||
|
// .content {
|
||||||
|
// width: 1400px;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// >=1680的设备屏幕
|
||||||
|
// @media screen and (min-width: 1680px) {}
|
||||||
|
// >=1920的设备屏幕
|
||||||
|
// @media screen and (min-width: 1920px) {}
|
||||||
.content {
|
.content {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="p0-100">
|
<div class="p0-100">
|
||||||
<div style="display: flex">
|
<div style="width:100%;display: flex;justify-content: center;">
|
||||||
<div class="banner">
|
<div class="banner">
|
||||||
<!-- 轮播图 -->
|
<!-- 轮播图 -->
|
||||||
<el-carousel height="345px" trigger="click">
|
<el-carousel height="345px" trigger="click">
|
||||||
|
Reference in New Issue
Block a user