邃芒智像(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.
 
 
 
 

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