Initial Commit

pages/my/my_feedback_list/list_details/list_details.js

@@ -0,0 +1,71 @@
+// pages/my/my_feedback_list/list_details/list_details.js
+ const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    let data = app.globalData.feedbackDetails
+    data.feedbackImage = data.feedbackImage.split(',');
+    this.setData({
+      data:data
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/my/my_feedback_list/list_details/list_details.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/my/my_feedback_list/list_details/list_details.wxml

@@ -0,0 +1,17 @@
+
+<view class="all">
+	<view class='title' wx:if='{{data.feedbackReply!=null}}' style='margin-top:0;'>商家回复</view>
+	<view class='textarea' wx:if='{{data.feedbackReply!=null}}'>
+		<textarea disabled placeholder='商家暂无回复' value="{{data.feedbackReply==null?'':data.feedbackReply}}" placeholder-style='color: #cccccc;'></textarea>
+  </view>
+  <view class='title' style='margin-top:0;'>申请的内容</view>
+	<view class='textarea'>
+		<textarea disabled value="{{data.feedbackContent}}"></textarea>
+  </view>
+	<view class='title'>上传的照片</view>
+	<view class='photo'>
+		<view class='photo_cont' wx:for="{{data.feedbackImage}}" wx:key="index">
+			<image src='{{item}}'></image>
+		</view>
+  </view>
+</view>

pages/my/my_feedback_list/list_details/list_details.wxss

@@ -0,0 +1,121 @@
+page {
+  background-color: #fff;
+}
+
+.all {
+  width: 690rpx;
+  padding: 50rpx 30rpx 0 30rpx;
+}
+
+.title {
+  font-size: 32rpx;
+  color: #333;
+  margin: 60rpx 0 30rpx 0;
+
+}
+
+.title text {
+  font-size: 28rpx;
+  color: #bababa;
+}
+
+.textarea {
+  position: relative;
+}
+
+.num {
+  font-size: 24rpx;
+  color: #999999;
+  position: absolute;
+  bottom: 20rpx;
+  right: 40rpx;
+}
+
+.textarea textarea {
+  width: 650rpx;
+  height: 270rpx;
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+  font-size: 26rpx;
+  color: #333;
+  padding: 30rpx 20rpx;
+}
+
+.input {
+  width: 690rpx;
+  height: 80rpx;
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+}
+
+.input input {
+  width: 600rpx;
+  height: 80rpx;
+  font-size: 26rpx;
+  border: none;
+  color: #333;
+  line-height: 80rpx;
+  padding-left: 20rpx;
+}
+
+.photo {
+  margin-top: 50rpx;
+}
+
+.photo::after {
+  display: block;
+  content: "";
+  clear: both;
+}
+
+.photo_all {
+  float: left;
+}
+
+.photo_all>view:nth-child(4) {
+  margin-right: 0;
+}
+
+.photo_cont {
+  width: 140rpx;
+  height: 140rpx;
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+  margin-right: 30rpx;
+  margin-bottom: 30rpx;
+  float: left;
+
+}
+
+.photo_cont image {
+  width: 140rpx;
+  height: 140rpx;
+}
+
+.photo_upload {
+  width: 140rpx;
+  height: 140rpx;
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+  float: left;
+}
+
+.photo_upload image {
+  width: 72rpx;
+  height: 52rpx;
+  margin: 44rpx 34rpx;
+}
+
+.submit {
+  width: 690rpx;
+  height: 80rpx;
+  background-image: linear-gradient(-90deg, 
+		#ee7b1e 0%, 
+		#fdae03 100%);
+  border-radius: 40rpx;
+  font-size: 34rpx;
+  line-height: 80rpx;
+  text-align: center;
+  color: #f0f0f0;
+  margin: 80rpx auto;
+}