<template>
  <view class="page">
    <view class="showImgBox imgContenBox"
      ><image src="../../assets/img/img1.jpg" mode="aspectFit"
    /></view>
    <text class="name">风格名称</text>
    <up-button
      type="primary"
      text="开始制作写真"
      color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
      @click="createing"
    ></up-button>
    <text class="balance">金币余额:&nbsp;&nbsp;30</text>
  </view>
</template>

<script setup>
//#region 导入
import { ref, reactive } from "vue";
import { voiceTotalApi } from "../../api/login.js";
//#endregion

//#region 生成写真照片
function createing() {
  uni.redirectTo({
    url: "/pages/createing/index",
  });
}
//#endregion ---------------------

//#region

//#endregion ---------------------
</script>

<style lang="scss">
.showImgBox {
  width: 710rpx;
  height: 800rpx;
  background-color: #ccc;
  border-radius: 30rpx;
  image {
    max-width: 100%;
    max-height: 100%;
  }
}
.name {
  margin-top: 30rpx;
  margin-bottom: 50rpx;
}
button {
  width: 60% !important;
}
.balance {
  margin-top: 30rpx;
  font-size: 40rpx;
}
</style>
