This commit is contained in:
huangjinming 2023-01-16 13:12:04 +08:00
parent b598f60426
commit 64d9494b05
8 changed files with 90 additions and 39 deletions

View File

@ -351,6 +351,17 @@ export default {
visible: this.dialogVisible, visible: this.dialogVisible,
loadingInstance: null, loadingInstance: null,
chainManager: new ChainManager(), chainManager: new ChainManager(),
infoList: [
{ id: 1, val: 40 },
{ id: 2, val: 50 },
{ id: 3, val: 60 },
],
typeName: { 1: "HOBO" , 2: "HODE" , 3: "HOCD" },
info: {},
imge:[
'https://www.baidu.com',
'https://www.baidu.com',
'https://www.baidu.com',]
}; };
}, },
watch: { watch: {
@ -358,6 +369,31 @@ export default {
this.visible = val; this.visible = val;
}, },
}, },
created(){
// console.log( this.infoList,'this.infoList');
// let list= this.infoList.map((i) =>{
//
// console.log(list)
// }),
// const list = this.infoList.map((i)=>{
// this.info[this.typeName[i.id]] = i.val
// })
// console.log(this.info,'list')
// let newArr = new Array;
// for (var key in this.info) {
// var temp = {};
// if (this.info[key] != "") {
// temp.name = key;
// temp.val = this.info[key];
// newArr.push(temp);
// }
// }
// this.newArr.map((item,i)=>{
// i.imgeSrc =this.imge[item]
// })
// console.log(newArr,'newArr')
// console.log(Object.entries(this.info),'info')
},
methods: { methods: {
closeMyself(hide) { closeMyself(hide) {
this.$emit("on-close", hide); this.$emit("on-close", hide);

View File

@ -1,5 +1,5 @@
<template> <template>
<el-dialog :show-close="false" :visible.sync="isPiecePut"> <el-dialog :show-close="false" :visible.sync="visible">
<div class="bg"></div> <div class="bg"></div>
<div class="container"> <div class="container">
<div class="price-title">PRIECE SETTIONG</div> <div class="price-title">PRIECE SETTIONG</div>
@ -114,6 +114,7 @@ export default {
cunout: 1, cunout: 1,
orderId: 9, orderId: 9,
dialogVisible: false, dialogVisible: false,
visible:this.isPiecePut,
isWeapon: false, isWeapon: false,
isApprove: false, isApprove: false,
options: [], options: [],
@ -135,6 +136,11 @@ export default {
}, },
}; };
}, },
watch: {
isPiecePut(val) {
this.visible = val;
},
},
created() { created() {
if (this.currencyTypeList.length > 0 && this.currencyTypeList) { if (this.currencyTypeList.length > 0 && this.currencyTypeList) {
this.value = this.currencyTypeList[0].address; this.value = this.currencyTypeList[0].address;

View File

@ -101,11 +101,15 @@
</template> </template>
<script> <script>
import ChipDialog from "../ChipDialog"; // import ChipDialog from "../ChipDialog";
import MessageBox from "../MessageBox.vue"; // import MessageBox from "../MessageBox.vue";
import { formatPrice } from "@/utils/chain.util"; import { formatPrice } from "@/utils/chain.util";
import ChipBuyDialog from "../ChipBuyDialog.vue"; // import ChipBuyDialog from "../ChipBuyDialog.vue";
import TheSellDialog from "../TheSellDialog.vue"; // import TheSellDialog from "../TheSellDialog.vue";
const ChipDialog = () => import(/* webpackChunkName: "ChipDialog" */ '../ChipDialog.vue');
const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
const ChipBuyDialog = () => import(/* webpackChunkName: "ChipBuyDialog" */ '../ChipBuyDialog.vue');
const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
export default { export default {
props: ["chip", "isType", "currencyTypeList"], props: ["chip", "isType", "currencyTypeList"],
components: { components: {

View File

@ -91,7 +91,7 @@
</div> </div>
</div> </div>
</div> </div>
<Herodialog <HeroDialog
:dialogVisible="dialogVisible" :dialogVisible="dialogVisible"
@on-close="handDialoghide" @on-close="handDialoghide"
:isTab="isTab" :isTab="isTab"
@ -109,7 +109,7 @@
@handPutShow="handPutShow" @handPutShow="handPutShow"
@handPutHide="handPutHide" @handPutHide="handPutHide"
:hero="data" :hero="data"
></Herodialog> ></HeroDialog>
<TheSellDialog <TheSellDialog
:type="type" :type="type"
:isPiecePut="isPiecePut" :isPiecePut="isPiecePut"
@ -140,15 +140,16 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { Component, Vue, Watch } from "vue-property-decorator"; import { Component, Vue, Watch } from "vue-property-decorator";
import Herodialog from "../HeroDialog.vue"; const HeroDialog = () => import(/* webpackChunkName: "dialogInfo" */ '../HeroDialog.vue');
import HeroBuyDialog from "../HeroBuyDialog.vue"; const HeroBuyDialog = () => import(/* webpackChunkName: "HeroBuyDialog" */ '../HeroBuyDialog.vue');
import TheSellDialog from "../TheSellDialog.vue"; const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
import MessageBox from "../MessageBox.vue"; const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
import { formatPrice } from "@/utils/chain.util"; import { formatPrice } from "@/utils/chain.util";
@Component({ @Component({
name: "HeroNft", name: "HeroNft",
components: { components: {
Herodialog, HeroDialog,
MessageBox, MessageBox,
TheSellDialog, TheSellDialog,
HeroBuyDialog, HeroBuyDialog,

View File

@ -127,6 +127,7 @@ import ChipBuyDialog from "../ChipBuyDialog.vue";
import MessageBox from "../MessageBox.vue"; import MessageBox from "../MessageBox.vue";
import WeaponBuyDialog from "../WeaponBuyDialog.vue"; import WeaponBuyDialog from "../WeaponBuyDialog.vue";
import { formatPrice } from "@/utils/chain.util"; import { formatPrice } from "@/utils/chain.util";
export default { export default {
props: ["isType", "nftList", "currencyTypeList"], props: ["isType", "nftList", "currencyTypeList"],
components: { components: {

View File

@ -121,10 +121,14 @@
</template> </template>
<script> <script>
import DunDialog from "../DunDialog"; // import DunDialog from "../DunDialog";
import MessageBox from "../MessageBox.vue"; // import MessageBox from "../MessageBox.vue";
import TheSellDialog from "../TheSellDialog.vue"; // import TheSellDialog from "../TheSellDialog.vue";
import TheBuyDialog from "../WeaponBuyDialog.vue"; // import TheBuyDialog from "../WeaponBuyDialog.vue";
const DunDialog = () => import(/* webpackChunkName: "DunDialog" */ '../DunDialog.vue');
const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
const TheBuyDialog = () => import(/* webpackChunkName: "TheBuyDialog" */ '../WeaponBuyDialog.vue');
const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
import { formatPrice } from "@/utils/chain.util"; import { formatPrice } from "@/utils/chain.util";
export default { export default {
props: ["weapon", "isType", "currencyTypeList"], props: ["weapon", "isType", "currencyTypeList"],

View File

@ -14,32 +14,31 @@ export interface INftAttr{
export interface ISpineData { export interface ISpineData {
[x: string]: string [x: string]: string
item_id: any item_id: any
item_id: any
item_id: any
details: any details: any
id?: string id?: any
skelName?: string skelName?: any
animName?: string animName?: any
name?: string name?: any
repeat?: boolean repeat?: any
scale?: number scale?: any
class?: number|string class?: any
type?: number type?: any
price?: number price?: any
priceDiscount?: number priceDiscount?: any
currency?: string currency?: any
discount?: number discount?: any
recordId?: number recordId?: any
coinAddress?: string coinAddress?: any
decimals?: number decimals?: any
directBuy?: boolean directBuy?: any
showBuy?: boolean showBuy?: any
stopBuy?: boolean stopBuy?: any
is_genesis?: number is_genesis?: any
info?: INftAttr info?: any
detail:any detail:any
} }
export class SpineRender { export class SpineRender {
private mvp : spine.webgl.Matrix4 private mvp : spine.webgl.Matrix4
private canvas: HTMLCanvasElement private canvas: HTMLCanvasElement

View File

@ -729,7 +729,7 @@ export default class MyNft extends Vue {
this.resetData(); this.resetData();
} }
} }
showFilter(val: boolean) { showFilter(val: boolean) {
this.mobileFilterShow = val; this.mobileFilterShow = val;
} }