crypto/bemarket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
huangjinming 2023-01-19 10:21:49 +08:00
parent c0e9963c76
commit 4eb4742799
10 changed files with 79 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
.postcssrc.js
View File

@ -1,22 +1,22 @@
// module.exports = { module.exports = {
// plugins: { plugins: {
// autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
// "postcss-px-to-viewport": { "postcss-px-to-viewport": {
// unitToConvert: "px", // 要转化的单位 unitToConvert: "px", // 要转化的单位
// viewportWidth: 1080, // UI设计稿的宽度 viewportWidth: 1080, // UI设计稿的宽度
// unitPrecision: 6, // 转换后的精度，即小数点位数 unitPrecision: 6, // 转换后的精度，即小数点位数
// propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换 propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
// viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
// fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
// selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名， selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
// minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换 minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
// mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
// replace: true, // 是否转换后直接更换属性值 replace: true, // 是否转换后直接更换属性值
// exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配 exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
// landscape: false // 是否处理横屏情况 landscape: false // 是否处理横屏情况
// }, },
// } }
// }; };

8
src/components/market/TheSellDialog.vue
View File

@ -159,13 +159,6 @@ export default {
closeTip() { closeTip() {
this.$emit("handPutHide"); this.$emit("handPutHide");
}, },
async handMessage() {
this.$message({
message: "You just copied accountId",
type: "success",
duration: 5 * 1000,
});
},
async handConfirm() { async handConfirm() {
this.$refs.deptForm.validate(async (valid) => { this.$refs.deptForm.validate(async (valid) => {
if (valid) { if (valid) {
@ -316,7 +309,6 @@ export default {
background: "rgba(0, 0, 0, 0.8)", background: "rgba(0, 0, 0, 0.8)",
}); });
}, },
hideLoading() { hideLoading() {
this.loadingInstance?.close(); this.loadingInstance?.close();
}, },

39
src/components/mobile/main/ChipList.vue
View File

@ -6,7 +6,7 @@
@click="showTip(chip)" @click="showTip(chip)"
:key="i" :key="i"
> >
<div class="no-sale" v-if="chip.o_link > 0 &&isType=='mynft'"> <div class="no-sale" v-if="chip.o_link > 0 && isType == 'mynft'">
<div class="for-rent"> <div class="for-rent">
<div class="for-rent-img"> <div class="for-rent-img">
<img <img
@ -36,10 +36,12 @@
<div class="tree-guard">{{ chip.detail.chip_name }}</div> <div class="tree-guard">{{ chip.detail.chip_name }}</div>
</div> </div>
<div class="mynft-btn" v-if="isType == 'mynft'"> <div class="mynft-btn" v-if="isType == 'mynft'">
<div class="t-icon" v-if="chip.o_link > 0 &&isType=='mynft'"> <div class="t-icon" v-if="chip.o_link > 0 && isType == 'mynft'">
<img src="../../../assets/market/chip/t-icon.png" alt="" /> <img src="../../../assets/market/chip/t-icon.png" alt="" />
</div> </div>
<div class="price" v-if="chip.o_link > 0 &&isType=='mynft'">{{ formatPriceShow(chip.s_price,18) }}</div> <div class="price" v-if="chip.o_link > 0 && isType == 'mynft'">
{{ formatPriceShow(chip.s_price, 18) }}
</div>
<div class="sell-btn">sell</div> <div class="sell-btn">sell</div>
</div> </div>
<div class="price-content" v-else> <div class="price-content" v-else>
@ -47,7 +49,7 @@
<div class="t-icon"> <div class="t-icon">
<img src="../../../assets/market/chip/t-icon.png" alt="" /> <img src="../../../assets/market/chip/t-icon.png" alt="" />
</div> </div>
<div class="price">{{ formatPriceShow(chip.s_price,18) }}</div> <div class="price">{{ formatPriceShow(chip.s_price, 18) }}</div>
</div> </div>
<div class="buy"> <div class="buy">
<img src="../../../assets/market/chip/buy.png" alt="" /> <img src="../../../assets/market/chip/buy.png" alt="" />
@ -68,22 +70,24 @@
<TheSellDialog <TheSellDialog
:type="type" :type="type"
:isPiecePut="isPiecePut" :isPiecePut="isPiecePut"
v-if="currencyTypeList.length > 0" v-if="currencyTypeList.length > 0"
:currencyTypeList="currencyTypeList" :currencyTypeList="currencyTypeList"
ref="selldialog" ref="selldialog"
@handPutShow="handPutShow" @handPutShow="handPutShow"
@handPutHide="handPutHide" @handPutHide="handPutHide"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
></TheSellDialog> ></TheSellDialog>
<TheBuyDialog <TheBuyDialog
:type="type" :type="type"
:isBuy="isBuy" :isBuy="isBuy"
ref="buydialog" ref="buydialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handBuyShow="handBuyShow" @handBuyShow="handBuyShow"
@handBuyHide="handBuyHide" @handBuyHide="handBuyHide"
></TheBuyDialog> ></TheBuyDialog>
<MessageBox ref="message"></MessageBox> <MessageBox ref="message"></MessageBox>
</div> </div>
</template> </template>
@ -91,11 +95,11 @@
import ChipModal from "./ChipModal.vue"; import ChipModal from "./ChipModal.vue";
import TheSellDialog from "./TheSellDialog.vue"; import TheSellDialog from "./TheSellDialog.vue";
import TheBuyDialog from "./TheBuyDialog.vue"; import TheBuyDialog from "./TheBuyDialog.vue";
import MessageBox from './MessageBox.vue' import MessageBox from "./MessageBox.vue";
import { formatPrice } from "@/utils/chain.util"; import { formatPrice } from "@/utils/chain.util";
export default { export default {
props: ["nftList", "isType",'currencyTypeList'], props: ["nftList", "isType", "currencyTypeList"],
components: { MessageBox,ChipModal, TheSellDialog, TheBuyDialog }, components: { MessageBox, ChipModal, TheSellDialog, TheBuyDialog },
data() { data() {
return { return {
isShow: false, isShow: false,
@ -109,7 +113,7 @@ export default {
this.dialogVisible = false; this.dialogVisible = false;
console.log("ChipDialoghide"); console.log("ChipDialoghide");
}, },
formatPriceShow(price, decimals, fixed = 2) { formatPriceShow(price, decimals, fixed = 2) {
return formatPrice(price, decimals, fixed); return formatPrice(price, decimals, fixed);
}, },
chipDialog() { chipDialog() {
@ -122,6 +126,13 @@ export default {
console.log("chegn"); console.log("chegn");
}); });
}, },
handMessageHide() {
this.$nextTick(() => {
this.$nextTick(() => {
this.$refs.message.close();
});
});
},
showTip(data) { showTip(data) {
this.isShow = true; this.isShow = true;
this.$nextTick(() => { this.$nextTick(() => {

15
src/components/mobile/main/HeroList.vue
View File

@ -6,7 +6,7 @@
@click="showTip(hero)" @click="showTip(hero)"
:key="i" :key="i"
> >
<div class="no-sale" v-if="hero.o_link > 0 &&isType=='mynft'"> <div class="no-sale" v-if="hero.o_link > 0 && isType == 'mynft'">
<div class="for-rent"> <div class="for-rent">
<div class="for-rent-img"> <div class="for-rent-img">
<img <img
@ -38,6 +38,8 @@
:currencyTypeList="currencyTypeList" :currencyTypeList="currencyTypeList"
@handPutShow="handPutShow" @handPutShow="handPutShow"
@handPutHide="handPutHide" @handPutHide="handPutHide"
@handMessage="handMessage"
@handMessageHide="handMessageHide"
></TheSellDialog> ></TheSellDialog>
<!-- v-if="currencyTypeList" <!-- v-if="currencyTypeList"
:currencyTypeList="currencyTypeList" --> :currencyTypeList="currencyTypeList" -->
@ -46,6 +48,7 @@
:isBuy="isBuy" :isBuy="isBuy"
ref="buydialog" ref="buydialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handBuyShow="handBuyShow" @handBuyShow="handBuyShow"
@handBuyHide="handBuyHide" @handBuyHide="handBuyHide"
></TheBuyDialog> ></TheBuyDialog>
@ -100,7 +103,6 @@ export default {
}, },
handleClick(data) { handleClick(data) {
this.Visiable = true; this.Visiable = true;
}, },
closeTip() { closeTip() {
this.isShow = false; this.isShow = false;
@ -108,7 +110,6 @@ export default {
handPutShow(data) { handPutShow(data) {
this.isPiecePut = true; this.isPiecePut = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.selldialog.init(data); this.$refs.selldialog.init(data);
}); });
}, },
@ -118,7 +119,6 @@ export default {
handBuyShow(data) { handBuyShow(data) {
this.isBuy = true; this.isBuy = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.buydialog.init(data); this.$refs.buydialog.init(data);
}); });
}, },
@ -131,6 +131,13 @@ export default {
console.log("chegn"); console.log("chegn");
}); });
}, },
handMessageHide() {
this.$nextTick(() => {
this.$nextTick(() => {
this.$refs.message.close();
});
});
},
}, },
}; };
</script> </script>

3
src/components/mobile/main/MessageBox.vue
View File

@ -34,14 +34,11 @@ export default {
}, },
methods: { methods: {
closeTip() { closeTip() {
// 分发自定义事件(事件名: closeTip)
// this.$emit("closeTip");
this.dialogVisible = false; this.dialogVisible = false;
}, },
open(type) { open(type) {
this.dialogVisible = true; this.dialogVisible = true;
this.msgType = type; this.msgType = type;
console.log("type", type, this.dialogVisible);
}, },
handMessage() {}, handMessage() {},
}, },

12
src/components/mobile/main/PieceList.vue
View File

@ -75,6 +75,7 @@
:currencyTypeList="currencyTypeList" :currencyTypeList="currencyTypeList"
ref="selldialog" ref="selldialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handPutShow="handPutShow" @handPutShow="handPutShow"
@handPutHide="handPutHide" @handPutHide="handPutHide"
></TheSellDialog> ></TheSellDialog>
@ -83,6 +84,7 @@
:isBuy="isBuy" :isBuy="isBuy"
ref="buydialog" ref="buydialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handBuyShow="handBuyShow" @handBuyShow="handBuyShow"
@handBuyHide="handBuyHide" @handBuyHide="handBuyHide"
></TheBuyDialog> ></TheBuyDialog>
@ -111,19 +113,23 @@ export default {
methods: { methods: {
chipDialoghide() { chipDialoghide() {
this.dialogVisible = false; this.dialogVisible = false;
console.log("ChipDialoghide");
}, },
formatPriceShow(price, decimals, fixed = 2) { formatPriceShow(price, decimals, fixed = 2) {
return formatPrice(price, decimals, fixed); return formatPrice(price, decimals, fixed);
}, },
chipDialog() { chipDialog() {
this.dialogVisible = true; this.dialogVisible = true;
console.log("ChipDialog");
}, },
handMessage() { handMessage() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.message.open(1); this.$refs.message.open(1);
console.log("chegn"); });
},
handMessageHide() {
this.$nextTick(() => {
this.$nextTick(() => {
this.$refs.message.close();
});
}); });
}, },
showTip(data) { showTip(data) {

3
src/components/mobile/main/TheSellDialog.vue
View File

@ -158,15 +158,12 @@ export default {
}, },
methods: { methods: {
closeTip() { closeTip() {
// 分发自定义事件(事件名: closeTip)
// this.$emit("closeTip");
this.detailVisible = false; this.detailVisible = false;
this.shell.price ='' this.shell.price =''
}, },
init(data) { init(data) {
this.detailVisible = true; this.detailVisible = true;
this.piece = data; this.piece = data;
// console.log(data, "dfgdg");
}, },
handReduce() { handReduce() {
if (this.cunout > 1) { if (this.cunout > 1) {

5
src/components/mobile/main/WeaponFilter.vue
View File

@ -89,13 +89,10 @@ export default {
value: 0, value: 0,
}; };
}, },
mounted() {
// document.getElementsByClassName("el-slider__button")[0].childNodes[0].nodeValue = "跳转";
},
methods: { methods: {
searchClear() { searchClear() {
this.hero = ""; this.hero = "";
// this.$emit('searchClear')
}, },
priceFilter() { priceFilter() {
this.priceMin = ""; this.priceMin = "";

19
src/components/mobile/main/WeaponList.vue
View File

@ -6,7 +6,7 @@
@click="showTip(weapon)" @click="showTip(weapon)"
:key="i" :key="i"
> >
<div class="no-sale" v-if="weapon.o_link > 0 &&isType=='mynft'"> <div class="no-sale" v-if="weapon.o_link > 0 && isType == 'mynft'">
<div class="for-rent"> <div class="for-rent">
<div class="for-rent-img"> <div class="for-rent-img">
<img <img
@ -37,7 +37,8 @@
v-if="currencyTypeList.length > 0" v-if="currencyTypeList.length > 0"
:currencyTypeList="currencyTypeList" :currencyTypeList="currencyTypeList"
ref="selldialog" ref="selldialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handPutShow="handPutShow" @handPutShow="handPutShow"
@handPutHide="handPutHide" @handPutHide="handPutHide"
></TheSellDialog> ></TheSellDialog>
@ -45,11 +46,12 @@
:type="type" :type="type"
:isBuy="isBuy" :isBuy="isBuy"
ref="buydialog" ref="buydialog"
@handMessage="handMessage" @handMessage="handMessage"
@handMessageHide="handMessageHide"
@handBuyShow="handBuyShow" @handBuyShow="handBuyShow"
@handBuyHide="handBuyHide" @handBuyHide="handBuyHide"
></TheBuyDialog> ></TheBuyDialog>
<MessageBox ref="message"></MessageBox> <MessageBox ref="message"></MessageBox>
</div> </div>
</template> </template>
@ -58,7 +60,7 @@ import WeaponModal from "./WeaponModal.vue";
import WeaponItem from "./WeaponItem.vue"; import WeaponItem from "./WeaponItem.vue";
import TheSellDialog from "./TheSellDialog.vue"; import TheSellDialog from "./TheSellDialog.vue";
import TheBuyDialog from "./TheBuyDialog.vue"; import TheBuyDialog from "./TheBuyDialog.vue";
import MessageBox from './MessageBox.vue' import MessageBox from "./MessageBox.vue";
export default { export default {
props: ["nftList", "isType", "currencyTypeList"], props: ["nftList", "isType", "currencyTypeList"],
components: { components: {
@ -98,6 +100,13 @@ export default {
this.$refs.message.open(1); this.$refs.message.open(1);
}); });
}, },
handMessageHide() {
this.$nextTick(() => {
this.$nextTick(() => {
this.$refs.message.close();
});
});
},
handPutHide() { handPutHide() {
this.isPiecePut = false; this.isPiecePut = false;
}, },

2
src/components/mobile/main/WeaponSellTop.vue
View File

@ -86,8 +86,6 @@ formatPriceShow(price, decimals, fixed = 2) {
padding-bottom: 11px; padding-bottom: 11px;
.item-top { .item-top {
width: 100%; width: 100%;
// display: flex;
// justify-content: space-between;
.piece-weapon-left { .piece-weapon-left {
width: 395px; width: 395px;
height: 183px; height: 183px;