0609

pages/index/index.js

@@ -10,7 +10,8 @@ Page({
       page: 1,
       rows: 5,
       newsTypeId: '52baf515-304c-46f2-911a-355d889346f2',
-      showArea: '6dcbb862-4b48-4dca-aee1-d78fd76adc05'
+      showArea: '6dcbb862-4b48-4dca-aee1-d78fd76adc05',
+      areaCode: ''
     },
     noticeList: [],
     serviceUrl: app.baseUrls.serviceUrl,
@@ -273,7 +274,7 @@ Page({
    */
   onLoad: function (options) {
     // this.doLogin()
-    this.getNotice()
+    
     this.checkPermission()
     wx.setStorage({
       data: '1',
@@ -304,8 +305,10 @@ Page({
     this.setData({
       curCommunityName: wx.getStorageSync('curCommunityName') ? wx.getStorageSync('curCommunityName'): '切换社区',
       curCommunityId: wx.getStorageSync('curCommunityId') ? wx.getStorageSync('curCommunityId') : '',
-      curCommunity: wx.getStorageSync('curCommunityName')
+      curCommunity: wx.getStorageSync('curCommunityName'),
+      ['page.areaCode']: wx.getStorageSync('areaCode') ? wx.getStorageSync('areaCode') : ''
     })
+    this.getNotice()
   },
 
   /**

pages/neighbor/circle/circleDetail.wxml

@@ -18,8 +18,14 @@
   </view>
   <view class="help-type">{{circleDetail.problemTypeName}}</view>
   <view class="help-photo" wx:if="{{circleDetail.photo.length > 0}}">
-    <view class="photo-box" wx:for="{{circleDetail.photo}}" wx:if="{{item}}" wx:key="index" bindtap="viewImg" data-id="{{item}}">
+    <view class="photo-box help-photo-box photo-one" wx:for="{{circleDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{circleDetail.photo.length == 1}}" bindtap="viewImg" data-id="{{photo}}">
-      <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+    </view>
+    <view class="photo-box help-photo-box photo-four" wx:for="{{circleDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{circleDetail.photo.length == 4}}" bindtap="viewImg" data-id="{{photo}}">
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+    </view>
+    <view class="photo-box help-photo-box photo-more" wx:for="{{circleDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{circleDetail.photo.length > 1 && circleDetail.photo.length != 4}}" bindtap="viewImg" data-id="{{photo}}">
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
     </view>
   </view>
   <view class="help-video" wx:if="{{circleDetail.video}}">

pages/neighbor/circle/circleDetail.wxss

@@ -96,16 +96,41 @@
 .photo-box{
   display: inline-block;
   width: 32%;
-  height: 150rpx;
+  height: 180rpx;
   margin-right: 2%;
   margin-bottom: 15rpx;
   text-align: center;
+  position: relative;
+  overflow: hidden;
 }
 .photo-box:nth-child(3n){
   margin-right: 0;
 }
-.photo-box image{
+/* .photo-box image{
   height: 100%;
+} */
+.photo-one{
+  width: 50%;
+  height: auto;
+  max-height: 600rpx;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-four image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.photo-four:nth-child(3){
+  margin-right: 2%;
+}
+.photo-more image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 .reply-row{
   line-height: 60rpx;

pages/neighbor/circle/new.wxml

@@ -11,7 +11,7 @@
 <view class="help-desc">
   <view class="desc-title">邻里圈</view>
   <textarea placeholder="请输入您要发表的内容" model:value="{{content}}"></textarea>
-  <view class="upload-file">
+  <view class="upload-file" wx:if="{{!videoId}}">
     <view class="upload">
       <view class="image" wx:for="{{imageList}}" wx:key="index">
         <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
@@ -23,7 +23,7 @@
       </view>
     </view>
   </view>
-  <view class="upload-file">
+  <view class="upload-file" wx:if="{{imageList.length == 0}}">
     <view class="upload">
       <view class="add video" wx:if="{{videoId}}">
         <video src="{{serviceUrl + baseImgUrl + videoId}}"></video>

pages/neighbor/help/helpDetail.wxml

@@ -17,9 +17,18 @@
   </view>
   <view class="help-type">{{helpDetail.problemTypeName}}</view>
   <view class="help-photo" wx:if="{{helpDetail.photo.length > 0}}">
-    <view class="photo-box" wx:for="{{helpDetail.photo}}" wx:if="{{item}}" wx:key="index" bindtap="viewImg" data-id="{{item}}">
+    <view class="photo-box help-photo-box photo-one" wx:for="{{helpDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{helpDetail.photo.length == 1}}" bindtap="viewImg" data-id="{{photo}}">
-      <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
     </view>
+    <view class="photo-box help-photo-box photo-four" wx:for="{{helpDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{helpDetail.photo.length == 4}}" bindtap="viewImg" data-id="{{photo}}">
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+    </view>
+    <view class="photo-box help-photo-box photo-more" wx:for="{{helpDetail.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{helpDetail.photo.length > 1 && helpDetail.photo.length != 4}}" bindtap="viewImg" data-id="{{photo}}">
+      <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+    </view>
+    <!-- <view class="photo-box" wx:for="{{helpDetail.photo}}" wx:if="{{item}}" wx:key="index" >
+      <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
+    </view> -->
   </view>
   <view class="help-video" wx:if="{{helpDetail.video}}">
     <video src="{{serviceUrl + baseImgUrl + helpDetail.video}}"></video>

pages/neighbor/help/helpDetail.wxss

@@ -95,16 +95,41 @@
 .photo-box{
   display: inline-block;
   width: 32%;
-  height: 150rpx;
+  height: 180rpx;
   margin-right: 2%;
   margin-bottom: 15rpx;
   text-align: center;
+  position: relative;
+  overflow: hidden;
 }
 .photo-box:nth-child(3n){
   margin-right: 0;
 }
-.photo-box image{
+/* .photo-box image{
   height: 100%;
+} */
+.photo-one{
+  width: 50%;
+  height: auto;
+  max-height: 600rpx;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-four image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.photo-four:nth-child(3){
+  margin-right: 2%;
+}
+.photo-more image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 .reply-row{
   line-height: 60rpx;

pages/neighbor/help/helpList.js

@@ -10,7 +10,8 @@ Page({
     helpList: [],
     page: {
       page: 1,
-      rows: 10
+      rows: 10,
+      communityId: ''
     },
     haveMore: true,
     serviceUrl: app.baseUrls.serviceUrl,
@@ -77,6 +78,9 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
+    this.setData({
+      ['page.communityId']: options.communityId
+    })
     this.getHelpList()
   },
 

pages/neighbor/help/helpList.wxml

@@ -11,8 +11,14 @@
       {{item.content}}
     </view>
     <view class="help-photo" wx:if="{{item.photo.length > 0}}">
-      <view class="help-photo-box">
+      <view class="help-photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 1}}">
-        <image src="{{serviceUrl + baseImgUrl + photo}}" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" mode="heightFix"></image>
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+      </view>
+      <view class="help-photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 4}}">
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+      </view>
+      <view class="help-photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
       </view>
     </view>
     <view class="help-video" wx:if="{{item.video}}">

pages/neighbor/help/helpList.wxss

@@ -54,12 +54,37 @@ page{
   margin-right: 2%;
   margin-bottom: 20rpx;
   text-align: center;
+  position: relative;
+  overflow: hidden;
 }
 .help-photo-box:nth-child(3n){
   margin-right: 0;
 }
-.help-photo-box image{
+/* .help-photo-box image{
   height: 100%;
+} */
+.photo-one{
+  width: 50%;
+  height: auto;
+  max-height: 600rpx;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-four image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.photo-four:nth-child(3){
+  margin-right: 2%;
+}
+.photo-more image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 .help-video{
   margin-top: 20rpx;

pages/neighbor/help/new.js

@@ -58,6 +58,13 @@ Page({
   submitHelp: function () {
     var self = this
     if (!self.data.isLoading) {
+      if (self.data.index == 0) {
+        wx.showToast({
+          title: '请选择发布类型',
+          icon: 'error'
+        })
+        return
+      }
       var photo = ''
       if (self.data.imageList.length > 0) {
         for (let i = 0; i < self.data.imageList.length; i++) {

pages/neighbor/help/new.wxml

@@ -11,7 +11,7 @@
 <view class="help-desc">
   <view class="desc-title">问题描述</view>
   <textarea placeholder="请输入您要发表的内容" model:value="{{content}}"></textarea>
-  <view class="upload-file">
+  <view class="upload-file" wx:if="{{!videoId}}">
     <view class="upload">
       <view class="image" wx:for="{{imageList}}" wx:key="index">
         <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
@@ -23,7 +23,7 @@
       </view>
     </view>
   </view>
-  <view class="upload-file">
+  <view class="upload-file" wx:if="{{imageList.length == 0}}">
     <view class="upload">
       <view class="add video" wx:if="{{videoId}}">
         <video src="{{serviceUrl + baseImgUrl + videoId}}"></video>

pages/neighbor/neighbor.js

@@ -26,9 +26,10 @@ Page({
   },
   // 邻里互助查看更多
   checkHelpMore: function () {
+    var self = this
     if (this.data.tab == '1') {
       wx.navigateTo({
-        url: './help/helpList',
+        url: './help/helpList?communityId=' + self.data.communitySelected,
       })
     } else {
       wx.navigateTo({
@@ -52,6 +53,10 @@ Page({
       ['page.communityId']: self.data.communityList[e.detail.value].communityId,
       areaCode: self.data.communityList[e.detail.value].areaCode,
     })
+    wx.setStorage({
+      data: e.detail.value,
+      key: 'communityIndex'
+    })
     if (this.data.tab == '1') {
       self.getHelpList()
     } else {
@@ -135,9 +140,9 @@ Page({
         self.setData({
           communityList: data,
           array: arr,
-          communitySelected: data[0].communityId,
+          communitySelected: wx.getStorageSync('communityIndex') ? data[wx.getStorageSync('communityIndex')].communityId : data[0].communityId,
-          ['page.communityId']: data[0].communityId,
+          ['page.communityId']: wx.getStorageSync('communityIndex') ? data[wx.getStorageSync('communityIndex')].communityId : data[0].communityId,
-          areaCode: data[0].areaCode
+          areaCode: wx.getStorageSync('communityIndex') ? data[wx.getStorageSync('communityIndex')].areaCode : data[0].areaCode,
         })
         if (self.data.tab == '1') {
           self.getHelpList()

pages/neighbor/neighbor.wxml

@@ -6,6 +6,7 @@
     <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
       <view class="picker">
         {{array[index]}}
+        <image src="{{sourceUrl}}arrow-down.png"></image>
       </view>
     </picker>
     <view class="topic">
@@ -34,8 +35,14 @@
         {{item.content}}
       </view>
       <view class="help-photo" wx:if="{{item.photo.length > 0}}">
-        <view class="help-photo-box">
+        <view class="help-photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 1}}">
-          <image src="{{serviceUrl + baseImgUrl + photo}}" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" mode="heightFix"></image>
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+        </view>
+        <view class="help-photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 4}}">
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+        </view>
+        <view class="help-photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
         </view>
       </view>
       <view class="help-video" wx:if="{{item.video}}">
@@ -54,8 +61,14 @@
         {{item.content}}
       </view>
       <view class="help-photo" wx:if="{{item.photo.length > 0}}">
-        <view class="help-photo-box">
+        <view class="help-photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 1}}">
-          <image src="{{serviceUrl + baseImgUrl + photo}}" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" mode="heightFix"></image>
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+        </view>
+        <view class="help-photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 4}}">
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+        </view>
+        <view class="help-photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
+          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="heightFix"></image>
         </view>
       </view>
       <view class="help-video" wx:if="{{item.video}}">

pages/neighbor/neighbor.wxss

@@ -118,21 +118,47 @@
 .help-photo-box{
   display: inline-block;
   width: 32%;
-  height: 150rpx;
+  height: 180rpx;
   margin-right: 2%;
   margin-bottom: 20rpx;
   text-align: center;
+  position: relative;
+  overflow: hidden;
 }
 .help-photo-box:nth-child(3n){
   margin-right: 0;
 }
-.help-photo-box image{
+/* .help-photo-box image{
   height: 100%;
+} */
+.photo-one{
+  width: 50%;
+  height: auto;
+  max-height: 600rpx;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-four image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.photo-four:nth-child(3){
+  margin-right: 2%;
+}
+.photo-more image{
+  position: absolute;
+  top: 50%; 
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 .help-video{
   margin-top: 20rpx;
+  width: 65%;
 }
-.help-video, .help-video video{
+.help-video video{
   width: 100%;
 }
 .help-more{
@@ -149,3 +175,9 @@
 .neighbor-tab{
   margin-bottom: 30rpx;
 }
+.picker image{
+  width: 28rpx;
+  height: 28rpx;
+  vertical-align: middle;
+  margin-top: -10rpx;
+}

pages/news/newsList.js

@@ -14,6 +14,7 @@ Page({
       page: 1,
       rows: 10,
       newsTypeId: '',
+      areaCode: ''
     },
     newsList: [],
     serviceUrl: app.baseUrls.serviceUrl,
@@ -101,6 +102,9 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
+    this.setData({
+      ['page.areaCode']: wx.getStorageSync('areaCode') ? wx.getStorageSync('areaCode') : ''
+    })
     this.getNewsType()
   },
 

pages/talk/newTalk.wxml

@@ -2,17 +2,19 @@
   <textarea placeholder="请输入内容" model:value="{{content}}"></textarea>
 </view>
 <view class="upload">
-  <view class="upload-box">
+  <view class="upload-box" wx:if="{{!videoId}}">
     <view class="upload-title">上传图片（{{imageList.length}}/9）</view>
     <view class="upload-container">
       <view class="upload-img" wx:for="{{imageList}}" wx:key="index">
-        <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
+        <view class="upload-img-box">
+          <image src="{{serviceUrl + baseImgUrl + item}}" mode="widthFix" class="upload-photo"></image>
+        </view>
         <image src="{{sourceUrl}}delete.png" class="delete" bindtap="deleteImg" data-cur="{{index}}"></image>
       </view>
       <view class="add" bindtap="uploadImage" wx:if="{{imageList.length < 9}}">+</view>
     </view>
   </view>
-  <view class="upload-box">
+  <view class="upload-box" wx:if="{{imageList.length == 0}}">
     <view class="upload-title">上传视频</view>
     <view class="upload-container">
       <view class="upload-img upload-video" wx:if="{{videoId}}">

pages/talk/newTalk.wxss

@@ -40,8 +40,19 @@
 .upload-img:nth-child(3n), .add{
   margin-right: 0;
 }
-.upload-img image{
+.upload-img .upload-photo{
-  height: 100%;
+  width: 100%;
+  height: auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.upload-img-box{
+  position: relative;
+  width: 100%;
+  height: 150rpx;
+  overflow: hidden;
 }
 .add{
   font-size: 60rpx;

pages/talk/talk.js

@@ -48,6 +48,12 @@ Page({
           title: '暂无更多',
           icon: 'none'
         })
+        if (self.data.page.page > 1) {
+          self.setData({
+            ['page.page']: self.data.page.page - 1
+          })
+        }
+        
       }
       
     }, function (code, data) {

pages/talk/talk.wxml

@@ -17,8 +17,14 @@
       {{item.content}}
     </view>
     <view class="talk-photo" wx:if="{{item.photo.length > 0}}">
-      <view class="photo-box" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="index">
+      <view class="photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="index" wx:if="{{item.photo.length == 1}}">
-        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="heightFix"></image>
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+      </view>
+      <view class="photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="index" wx:if="{{item.photo.length == 4}}">
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
+      </view>
+      <view class="photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="index" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
+        <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
       </view>
     </view>
     <view class="talk-photo" wx:if="{{item.video}}" catchtap="clickVideo">

pages/talk/talk.wxss

@@ -49,11 +49,12 @@
 }
 .photo-box{
   width: 32%;
-  height: 150rpx;
+  height: 180rpx;
   overflow: hidden;
   display: inline-block;
   margin-right: 2%;
   text-align: center;
+  position: relative;
 }
 .photo-box:nth-child(3n){
   margin-right: 0;
@@ -86,7 +87,7 @@
   background-color: #f55054;
 }
 .video-box{
-  width: 100%;
+  width: 65%;
   height: auto !important;
 }
 .video-box video{
@@ -99,3 +100,21 @@
 .no-data image{
   width: 300rpx;
 }
+.photo-one{
+  width: 50%;
+  height: auto;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-more image, .photo-four image{
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: auto;
+}
+.photo-four:nth-child(3){
+  margin-right: 2%;
+}

pages/talk/talkDetail.wxml

@@ -16,8 +16,11 @@
     {{talkDetail.content}}
   </view>
   <view class="talk-photo" wx:if="{{talkDetail.photo.length > 0}}">
-    <view class="photo-box" wx:for="{{talkDetail.photo}}" wx:key="index" bindtap="viewImg" data-id="{{item}}">
+    <view class="photo-box photo-one" wx:for="{{talkDetail.photo}}" wx:key="index" bindtap="viewImg" data-id="{{item}}" wx:if="{{talkDetail.photo.length == 1}}">
-      <image src="{{serviceUrl + baseImgUrl + item}}" mode="heightFix"></image>
+      <image src="{{serviceUrl + baseImgUrl + item}}" mode="widthFix"></image>
+    </view>
+    <view class="photo-box photo-more" wx:for="{{talkDetail.photo}}" wx:key="index" bindtap="viewImg" data-id="{{item}}" wx:if="{{talkDetail.photo.length > 1}}">
+      <image src="{{serviceUrl + baseImgUrl + item}}" mode="widthFix"></image>
     </view>
   </view>
   <view class="talk-photo" wx:if="{{talkDetail.video}}">

pages/talk/talkDetail.wxss

@@ -15,6 +15,7 @@
   width: 80rpx;
   height: 80rpx;
   margin-right: 20rpx;
+  border-radius: 50%;
 }
 .good image{
   width: 40rpx;
@@ -61,12 +62,18 @@
   display: inline-block;
   margin-right: 2%;
   text-align: center;
+  position: relative;
 }
 .photo-box:nth-child(3n){
   margin-right: 0;
 }
-.photo-box image{
+.photo-more image{
-  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: auto;
 }
 .click-good{
   padding: 20rpx;
@@ -118,7 +125,7 @@
   padding: 0 20rpx;
 }
 .video-box{
-  width: 100%;
+  width: 65%;
   height: auto !important;
 }
 .video-box video{
@@ -133,5 +140,18 @@
 .reply-row text{
   font-weight: bold;
 }
-
+.photo-one{
-
+  width: 50%;
+  height: auto;
+}
+.photo-one image{
+  max-width: 100%;
+}
+.photo-more image{
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: auto;
+}