帧视界壹通告,付费看视频的微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

211 lines
3.7 KiB

11 months ago
10 months ago
9 months ago
11 months ago
10 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
10 months ago
10 months ago
11 months ago
9 months ago
11 months ago
9 months ago
11 months ago
9 months ago
10 months ago
10 months ago
10 months ago
11 months ago
9 months ago
11 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
10 months ago
9 months ago
11 months ago
  1. <template>
  2. <view class="controls">
  3. <view class="bell"
  4. @click="$refs.confirmationPopup.open('bottom')">
  5. <uv-icon size="35rpx" name="bell"></uv-icon>
  6. 举报
  7. </view>
  8. <view class=""
  9. @click="thumbUp">
  10. <uv-icon size="35rpx"
  11. color="#f40"
  12. name="thumb-up"
  13. v-if="up"></uv-icon>
  14. <uv-icon v-else size="35rpx" name="thumb-up"></uv-icon>
  15. 点赞
  16. </view>
  17. <view class="">
  18. <button
  19. border="none"
  20. open-type="share" class="share">
  21. <uv-icon size="35rpx" name="share"></uv-icon>
  22. 分享
  23. </button>
  24. </view>
  25. <view class=""
  26. v-if="!isWork"
  27. @click="thumbDown">
  28. <uv-icon
  29. v-if="down"
  30. color="#f40"
  31. size="35rpx" name="thumb-down"></uv-icon>
  32. <uv-icon
  33. v-else
  34. size="35rpx" name="thumb-down"></uv-icon>
  35. </view>
  36. <!-- <confirmationPopup
  37. ref="confirmationPopup"
  38. title="举报"
  39. @confirm="bell"
  40. confirmText="确认举报">
  41. <view class="confirmationPopup">
  42. <view class="list">
  43. <view
  44. v-for="(item, index) in ju">
  45. {{ item.title }}
  46. </view>
  47. </view>
  48. </view>
  49. </confirmationPopup> -->
  50. <uv-popup ref="confirmationPopup"
  51. :round="30"
  52. :customStyle="{height: '50vh'}">
  53. <view class="confirmationPopup">
  54. <view class="list">
  55. <view
  56. :key="index"
  57. @click="bell(item)"
  58. v-for="(item, index) in ju">
  59. {{ item.content }}
  60. <!-- <view class="content">
  61. {{ item.content }}
  62. </view> -->
  63. </view>
  64. </view>
  65. </view>
  66. </uv-popup>
  67. </view>
  68. </template>
  69. <script>
  70. import confirmationPopup from '@/components/toast/confirmationPopup.vue'
  71. export default {
  72. name:"contentControls",
  73. components : {
  74. confirmationPopup,
  75. },
  76. props : {
  77. type : {
  78. default : 0
  79. },
  80. detail : {
  81. default : {}
  82. },
  83. up : {
  84. default : false,
  85. },
  86. down : {
  87. default : false,
  88. },
  89. isWork : {
  90. default : false,
  91. }
  92. },
  93. data() {
  94. return {
  95. ju : [
  96. {
  97. title : '虚假信息',
  98. },
  99. {
  100. title : '其他原因',
  101. },
  102. ],
  103. act : 0,
  104. };
  105. },
  106. created() {
  107. this.indexGetComplaintReason()
  108. },
  109. methods : {
  110. indexGetComplaintReason(){
  111. this.$api('indexGetComplaintReason', res => {
  112. if(res.code == 200){
  113. this.ju = res.result
  114. }
  115. })
  116. },
  117. // 举报
  118. bell(item){
  119. this.$api('infoReport', {
  120. type : this.type,
  121. id : this.detail.id,
  122. content : item.content
  123. }, res => {
  124. this.$refs.confirmationPopup.close()
  125. if(res.code == 200){
  126. this.$emit('loadData')
  127. uni.showToast({
  128. title: '举报成功',
  129. // title: res.message,
  130. })
  131. }
  132. })
  133. },
  134. // 点赞
  135. thumbUp(){
  136. this.$api('infoLike', {
  137. type : this.type,
  138. id : this.detail.id,
  139. }, res => {
  140. if(res.code == 200){
  141. this.$emit('loadData')
  142. uni.showToast({
  143. title: res.message
  144. })
  145. }
  146. })
  147. },
  148. // 分享
  149. share(){
  150. },
  151. // 踩
  152. thumbDown(){
  153. this.$api('infoDislike', {
  154. type : this.type,
  155. id : this.detail.id,
  156. }, res => {
  157. if(res.code == 200){
  158. this.$emit('loadData')
  159. uni.showToast({
  160. title: res.message
  161. })
  162. }
  163. })
  164. },
  165. },
  166. }
  167. </script>
  168. <style lang="scss" scoped>
  169. .controls {
  170. display: flex;
  171. &>view {
  172. display: flex;
  173. justify-content: center;
  174. align-items: center;
  175. margin-right: 40rpx;
  176. }
  177. .share{
  178. display: flex;
  179. justify-content: center;
  180. align-items: center;
  181. }
  182. .share::after{
  183. border: none;
  184. }
  185. .confirmationPopup{
  186. overflow: auto;
  187. height: 100%;
  188. padding: 20rpx;
  189. padding-bottom: env(safe-area-inset-bottom);
  190. .list{
  191. padding-bottom: env(safe-area-inset-bottom);
  192. &>view{
  193. margin: 20rpx;
  194. display: flex;
  195. justify-content: center;
  196. padding: 20rpx;
  197. border-radius: 10rpx;
  198. border: 1px solid #000;
  199. }
  200. }
  201. }
  202. }
  203. </style>