gui-pk.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <template>
  2. <view
  3. class="gui-pk-wrap"
  4. :style="{width:width,height:height,borderRadius:borderRadius}">
  5. <!-- 背景 -->
  6. <image
  7. src="data:image/webp;base64,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"
  8. class="gui-pk-bg"
  9. mode="aspectFill"
  10. style="width:690rpx;"></image>
  11. <!-- pk 图标 -->
  12. <view class="gui-pk-icon-wrap gui-flex gui-rows gui-justify-content-center gui-align-items-center"
  13. :style="{width:width, height:height,borderRadius:borderRadius}">
  14. <view class="gui-pk-icon gui-border-box">
  15. <image
  16. src="data:image/webp;base64,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"
  17. mode="widthFix"
  18. style="width:80rpx; height:80rpx;"></image>
  19. </view>
  20. </view>
  21. <view
  22. class="gui-pk gui-flex gui-rows gui-space-between gui-align-items-center"
  23. :style="{
  24. width:width,
  25. height:height,
  26. borderRadius:borderRadius
  27. }">
  28. <view class="gui-pk-item gui-flex gui-columns">
  29. <text class="gui-pk-title gui-block-text">{{title[0]}}</text>
  30. <view
  31. class="gui-pk-btn-wrap"
  32. hover-class="gui-tap"
  33. v-if="status == 'button'">
  34. <text
  35. class="gui-pk-btn gui-block-text"
  36. data-index="left"
  37. @tap="choose">{{btnName}}</text>
  38. </view>
  39. <view
  40. class="gui-pk-btn-wrap"
  41. v-if="status == 'progress'">
  42. <progress
  43. :percent="progress[0]"
  44. activeColor="#FFFFFF"
  45. :active="active"
  46. stroke-width="3"
  47. class="gui-pk-progress"
  48. backgroundColor="#3699ff" />
  49. </view>
  50. <text
  51. class="gui-pk-text gui-block-text"
  52. v-if="status == 'progress'">{{progress[2]}}</text>
  53. </view>
  54. <view class="gui-pk-item">
  55. <text
  56. class="gui-pk-title gui-block-text"
  57. style="text-align:right;">{{title[1]}}</text>
  58. <view
  59. class="gui-pk-btn-wrap gui-flex gui-rows"
  60. hover-class="gui-tap"
  61. style="justify-content:flex-end;"
  62. v-if="status == 'button'">
  63. <text
  64. class="gui-pk-btn gui-block-text"
  65. style="color:#FF0036;"
  66. data-index="right"
  67. @tap="choose">{{btnName}}</text>
  68. </view>
  69. <view
  70. class="gui-pk-btn-wrap"
  71. style="justify-content:flex-end;"
  72. v-if="status == 'progress'">
  73. <progress
  74. :percent="progress[1]"
  75. stroke-width="3"
  76. class="gui-pk-progress"
  77. :active="active"
  78. activeColor="#FFFFFF"
  79. backgroundColor="#FF6666"/>
  80. </view>
  81. <text
  82. class="gui-pk-text gui-block-text"
  83. style="text-align:right;"
  84. v-if="status == 'progress'">{{progress[3]}}</text>
  85. </view>
  86. </view>
  87. </view>
  88. </template>
  89. <script>
  90. export default{
  91. name : "gui-pk",
  92. props : {
  93. width : {type:String, default:'690rpx'},
  94. height : {type:String, default:'280rpx'},
  95. borderRadius : {type:String, default:'8rpx'},
  96. title : {type:Array, default:function(){return ['',''];}},
  97. btnName : {type:String, default:'站队'},
  98. status : {type:String, default:'button'},
  99. progress : {type:Array, default:function(){return [80, 20, '8000 票', '2000 票'];}}
  100. },
  101. methods:{
  102. choose:function (e) {
  103. this.$emit('choose', e.currentTarget.dataset.index);
  104. }
  105. },
  106. data() {
  107. return {
  108. // #ifndef APP-NVUE
  109. active: true,
  110. // #endif
  111. // #ifdef APP-NVUE
  112. active: false
  113. // #endif
  114. }
  115. },
  116. emits : ['choose']
  117. }
  118. </script>
  119. <style scoped>
  120. .gui-pk-wrap{font-size:0; overflow:hidden; position:relative;}
  121. .gui-pk-bg{position:absolute; left:0; top:0; z-index:1;}
  122. .gui-pk{position:absolute; left:0; top:0; z-index:3;}
  123. .gui-pk-item{width:220rpx; overflow:hidden; padding-left:35rpx; padding-right:35rpx;}
  124. /* #ifndef APP-PLUS */
  125. .gui-pk-item{box-sizing:border-box;}
  126. /* #endif */
  127. .gui-pk-title{color:#FFFFFF; font-size:50rpx; line-height:60rpx;}
  128. .gui-pk-btn-wrap{margin-top:32rpx;}
  129. .gui-pk-btn{width:120rpx; height:50rpx; line-height:50rpx; text-align:center; background-color:#FFFFFF; font-size:24rpx; border-radius:100rpx; color:#3687FF;}
  130. .gui-pk-btn-hv{font-weight:bold;}
  131. .gui-pk-progress{width:150rpx;}
  132. .gui-pk-text{font-size:22rpx; color:#FFFFFF; line-height:50rpx; margin-top:2px;}
  133. .gui-pk-icon-wrap{position:absolute; top:0px; left:0px; z-index:2;}
  134. .gui-pk-icon{width:120rpx; height:120rpx; padding-top:20rpx; padding-bottom:20rpx; padding-left:20rpx; padding-right:20rpx; background-color:#FFFFFF; border-radius:100rpx; font-size:0;}
  135. </style>