payPopup.vue 778 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view>
  3. <u-popup v-model="show" mode="center" width="70%" border-radius="10" :mask-close-able="false">
  4. <view class="pay-popup">
  5. <view style="font-size: 34rpx; padding: 50rpx 0; text-align: center;">请确认微信支付是否已完成</view>
  6. <button>已完成支付</button>
  7. <button>支付遇到问题,重新支付</button>
  8. </view>
  9. </u-popup>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. name:"voteSuccess",
  15. data() {
  16. return {
  17. show: false,
  18. };
  19. },
  20. created() {},
  21. methods: {}
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. button {
  26. border-top: 1rpx solid #ebebeb;
  27. width: 100%;
  28. font-size: 32rpx;
  29. background-color: #FFFFFF;
  30. color: #66656a;
  31. &:nth-child(2){
  32. color: var(--bgColor);
  33. }
  34. &::after {
  35. border: none;
  36. }
  37. }
  38. </style>