Explorar el Código

展览详情页:限制最大宽度。

任一存 hace 3 años
padre
commit
43153c3622
Se han modificado 2 ficheros con 6 adiciones y 1 borrados
  1. 1 1
      src/main.js
  2. 5 0
      src/views/ExhibitionDetail.vue

+ 1 - 1
src/main.js

@@ -1,4 +1,4 @@
-console.log('v2.7')
+console.log('v2.8')
 
 import Vue from 'vue'
 import App from './App.vue'

+ 5 - 0
src/views/ExhibitionDetail.vue

@@ -306,6 +306,9 @@ export default {
   padding-bottom: 1rem;
   display: flex;
   flex-direction: column;
+  max-width: 40rem;
+  margin-left: auto;
+  margin-right: auto;
   .mask {
     position: fixed;
     top: 0;
@@ -422,6 +425,7 @@ export default {
       border: none;
       background: none;
       margin-bottom: 0.78rem;
+      width: 100%;
       > .cover-img {
         width: 100%;
         border-radius: 0.47rem;
@@ -459,6 +463,7 @@ export default {
       border: none;
       background: none;
       margin-bottom: 0.78rem;
+      width: 100%;
       > .cover-img {
         width: 100%;
         border-radius: 0.47rem;