|
|
@@ -1,43 +1,51 @@
|
|
|
-.photoWrap{
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- padding: 12px;
|
|
|
+.photoWrap {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 12px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ justify-content: space-between;
|
|
|
+ div {
|
|
|
box-sizing: border-box;
|
|
|
- justify-content: space-between;
|
|
|
- div{
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
}
|
|
|
- .photoItem{
|
|
|
- position: relative;
|
|
|
- width: 49%;
|
|
|
- margin-bottom: 12px;
|
|
|
- .gridImg{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- height: calc(100vw / 2);
|
|
|
- }
|
|
|
- .iconImage{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .gridName{
|
|
|
- font-size: 16px;
|
|
|
- color:#333;
|
|
|
- padding: 8px 0 4px 0;
|
|
|
- }
|
|
|
- .gridDes {
|
|
|
- color: #777;
|
|
|
- font-size: 12px;
|
|
|
+}
|
|
|
+.photoItem {
|
|
|
+ position: relative;
|
|
|
+ width: 49%;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ .gridImg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100vw / 2);
|
|
|
+ }
|
|
|
+ .iconImage {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .gridName {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ padding: 8px 0 4px 0;
|
|
|
+ }
|
|
|
+ .gridDes {
|
|
|
+ color: #777;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.detailGrid {
|
|
|
+ :global {
|
|
|
+ .van-grid-item__content {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .detailGrid{
|
|
|
- :global{
|
|
|
- .van-grid-item__content{
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
+}
|
|
|
+:global{
|
|
|
+ .van-image-preview{
|
|
|
+ .van-image-preview__close-icon,
|
|
|
+ .van-image-preview__index{
|
|
|
+ top: 50px
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
+}
|
