邃芒智像(Uniapp : WX、TT、H5)
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.
 
 
 
 

62 line
1.2 KiB

  1. <template>
  2. <view class="page">
  3. <view class="showImgBox imgContenBox"
  4. ><image src="../../assets/img/img1.jpg" mode="aspectFit"
  5. /></view>
  6. <text class="name">风格名称</text>
  7. <view class="buttonBox">
  8. <up-button
  9. type="primary"
  10. text="开始制作写真"
  11. color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
  12. @click="createing"
  13. ></up-button>
  14. </view>
  15. <text class="balance">金币余额:&nbsp;&nbsp;30</text>
  16. </view>
  17. </template>
  18. <script setup>
  19. //#region 导入
  20. import { ref, reactive } from "vue";
  21. import { voiceTotalApi } from "../../api/login.js";
  22. //#endregion
  23. //#region 生成写真照片
  24. function createing() {
  25. uni.redirectTo({
  26. url: "/pages/createing/index",
  27. });
  28. }
  29. //#endregion ---------------------
  30. //#region
  31. //#endregion ---------------------
  32. </script>
  33. <style lang="scss">
  34. .showImgBox {
  35. width: 710rpx;
  36. height: 800rpx;
  37. background-color: #ccc;
  38. border-radius: 30rpx;
  39. image {
  40. max-width: 100%;
  41. max-height: 100%;
  42. }
  43. }
  44. .name {
  45. margin-top: 30rpx;
  46. margin-bottom: 50rpx;
  47. }
  48. .buttonBox {
  49. width: 60%;
  50. }
  51. .balance {
  52. margin-top: 30rpx;
  53. font-size: 40rpx;
  54. }
  55. </style>