74 lines
1.6 KiB
Vue
74 lines
1.6 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="card">
|
||
<view class="card-li">
|
||
<text>反馈类型</text>
|
||
<text style="color: #737373 ;">注册</text>
|
||
</view>
|
||
<view class="card-li">
|
||
<text>问题分类</text>
|
||
<text style="color: #737373 ;">注册</text>
|
||
</view>
|
||
<view class="card-li">
|
||
<text>姓名</text>
|
||
<text style="color: #737373 ;">注册</text>
|
||
</view>
|
||
<view class="card-li">
|
||
<text>电话邮箱</text>
|
||
<text style="color: #737373 ;">注册</text>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="card">
|
||
<view class="">
|
||
反馈的具体内容，可能很长
|
||
</view>
|
||
<view style="margin-top: 20rpx;">
|
||
<up-image :show-loading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="160rpx"
|
||
height="160rpx" @click="previewImg('https://cdn.uviewui.com/uview/album/1.jpg')"></up-image>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
const previewImg = (url) => {
|
||
uni.previewImage({
|
||
urls: [url],
|
||
longPressActions: {
|
||
// itemList: ['发送给朋友', '保存图片', '收藏'],
|
||
// success: function(data) {
|
||
// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
||
// },
|
||
// fail: function(err) {
|
||
// console.log(err.errMsg);
|
||
// }
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
padding: 20rpx;
|
||
|
||
.card {
|
||
background-color: white;
|
||
padding: 20rpx;
|
||
border-radius: 16rpx;
|
||
margin-bottom: 30rpx;
|
||
|
||
|
||
.card-li {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
</style> |