123

src/pages/order/remark.vue

@@ -5,15 +5,33 @@
       <view class="remake">
         <wd-row>
           <wd-col :span="24" custom-class="text">
-            <h5>老凯里酸汤鱼（花果园M区店）</h5>
+            <h5>老凯里酸汤鱼</h5>
           </wd-col>
         </wd-row>
-        <wd-row>
+        <wd-row custom-class="wd-rows">
           <wd-col :span="16">
-            <span>评分：</span>
-            <wd-rate v-model="value" />
+            <span>评分</span>
+            <wd-rate v-model="pinfen" active-color="#ff0000" size="50rpx" space="10px" />
+          </wd-col>
+          <wd-col :span="8">
+            <span>非常满意</span>
+          </wd-col>
+        </wd-row>
+        <wd-divider></wd-divider>
+
+        <wd-textarea v-model="pingjia" placeholder="亲，分享您的看法，给其他人一个参考哦！" />
+        <wd-row>
+          <wd-col :span="24" custom-class="text">
+            <h5>上传图片/视频</h5>
+          </wd-col>
+        </wd-row>
+        <wd-upload accept="media" multiple :file-list="fileList" :action="action" @change="handleChange"></wd-upload>
+
+        <wd-row>
+          <wd-col :span="24" custom-class="text">
+            <h5>我要推荐菜</h5>
+            <h5>查看全部(30)</h5>
           </wd-col>
-          <wd-col :span="8"></wd-col>
         </wd-row>
       </view>
 
@@ -21,8 +39,26 @@
     </view>
   </view>
 </template>
-<script setup>
+<script setup lang="ts">
 import Header from './components/Header/index.vue';
+
+const pinfen = ref<number>(0);
+const pingjia = ref<string>('');
+
+function changeValue({ pinfen }) {
+  console.log(pinfen);
+}
+const fileList = ref<any[]>([
+  {
+    url: '1',
+  },
+]);
+
+const action: string = '';
+
+function handleChange({ fileList: files }) {
+  fileList.value = files;
+}
 </script>
 <style lang="scss" scoped>
 .container {
@@ -46,6 +82,11 @@ import Header from './components/Header/index.vue';
     margin-top: 25rpx;
     margin-bottom: 172rpx;
     padding: 20rpx;
+
+    .wd-rows {
+      margin-top: 25rpx;
+    }
+
     .text h5 {
       font-weight: 400;
       font-size: 32rpx;