|
- <template>
- <view class="page">
- <view class="showImgBox imgContenBox"
- ><image src="../../assets/img/img1.jpg" mode="aspectFit"
- /></view>
- <text class="name">风格名称</text>
- <view class="buttonBox">
- <up-button
- type="primary"
- text="开始制作写真"
- color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
- @click="createing"
- ></up-button>
- </view>
- <text class="balance">金币余额: 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;
- }
- .buttonBox {
- width: 60%;
- }
-
- .balance {
- margin-top: 30rpx;
- font-size: 40rpx;
- }
- </style>
|