fix
This commit is contained in:
huangjinming
parent
8a8cae33de
commit
30d7e42eae
@ -1,22 +1,22 @@
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
|
||||
"postcss-px-to-viewport": {
|
||||
unitToConvert: "px", // 要转化的单位
|
||||
viewportWidth: 1080, // UI设计稿的宽度
|
||||
unitPrecision: 6, // 转换后的精度，即小数点位数
|
||||
propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
|
||||
viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
|
||||
fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
|
||||
selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
|
||||
minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
|
||||
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
|
||||
replace: true, // 是否转换后直接更换属性值
|
||||
exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
|
||||
landscape: false // 是否处理横屏情况
|
||||
},
|
||||
// module.exports = {
|
||||
// plugins: {
|
||||
// autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
|
||||
// "postcss-px-to-viewport": {
|
||||
// unitToConvert: "px", // 要转化的单位
|
||||
// viewportWidth: 1080, // UI设计稿的宽度
|
||||
// unitPrecision: 6, // 转换后的精度，即小数点位数
|
||||
// propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
|
||||
// viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
|
||||
// fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
|
||||
// selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
|
||||
// minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
|
||||
// mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
|
||||
// replace: true, // 是否转换后直接更换属性值
|
||||
// exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
|
||||
// landscape: false // 是否处理横屏情况
|
||||
// },
|
||||
|
||||
}
|
||||
};
|
||||
// }
|
||||
// };
|
||||
|
||||
|
||||
@ -71,11 +71,13 @@ export default class CardList extends Vue {
|
||||
-webkit-column-gap: 1.875em;
|
||||
column-gap: 1.875em;
|
||||
row-gap: 1.125em;
|
||||
// column-gap: 2.875em;
|
||||
// row-gap: 4.125em;
|
||||
}
|
||||
|
||||
.card-list .grid .item {
|
||||
height: 23.375rem;
|
||||
width: 16em;
|
||||
// height: 23.375rem;
|
||||
// width: 16em;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
|
||||
@ -122,12 +122,10 @@ export default {
|
||||
closeTip() {
|
||||
// 分发自定义事件(事件名: closeTip)
|
||||
this.$emit("handBuyHide", false);
|
||||
// console.log("closeTip");
|
||||
},
|
||||
init(data) {
|
||||
this.piece = data;
|
||||
console.log(data, "dfgdg0900,2020-19");
|
||||
console.log(this.piece, "this.piece.detail.balance12qrqwerqwer");
|
||||
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<div class="hill">
|
||||
<div class="hill-content">
|
||||
<div class="hill-name">
|
||||
Assult Rifle<span class="name">Name</span>
|
||||
{{ data.c_name ? data.c_name : data.detail.gun_name }}<span class="name">Name</span>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
@ -469,7 +469,7 @@ export default {
|
||||
width: 409px;
|
||||
height: 466px;
|
||||
background: rgba(5, 57, 68, 0.3);
|
||||
padding-top: 29px;
|
||||
padding-top: 25px;
|
||||
padding-left: 35px;
|
||||
padding-right: 31px;
|
||||
border-radius: 20px;
|
||||
@ -515,25 +515,25 @@ export default {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-attack {
|
||||
margin-bottom: 18px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-def {
|
||||
margin-bottom: 17px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-cri {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-criDam {
|
||||
margin-bottom: 18px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-dodge {
|
||||
margin-bottom: 18px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-reduces {
|
||||
margin-bottom: 18px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hero-item-speed {
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.hp-bottom {
|
||||
width: 435px;
|
||||
|
||||
@ -103,7 +103,6 @@ export default {
|
||||
this.$emit("sliderChange", value);
|
||||
},
|
||||
handSelect(value) {
|
||||
console.log(value, "2");
|
||||
this.$emit("handSelect", value);
|
||||
},
|
||||
jobStatus(item) {
|
||||
|
||||
@ -90,10 +90,6 @@ export default {
|
||||
}
|
||||
.sellers {
|
||||
width: 299px;
|
||||
// height: 24px;
|
||||
// text-align: center;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
font-size: 13px;
|
||||
margin-top: 12px;
|
||||
margin-left: 19px;
|
||||
@ -133,9 +129,7 @@ export default {
|
||||
background: url("../../assets/market/hero/type-1.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.hero-name {
|
||||
// width: 46px;
|
||||
height: 24px;
|
||||
// max-width: 86px;
|
||||
line-height: 24px;
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
@ -160,9 +154,7 @@ export default {
|
||||
top: 6px;
|
||||
}
|
||||
.hero-name {
|
||||
// width: 46px;
|
||||
height: 24px;
|
||||
// max-width: 86px;
|
||||
line-height: 24px;
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
<div class="token-id">#{{ hero.detail.token_id }}</div>
|
||||
<div class="hill">
|
||||
<div class="hill-content">
|
||||
<div class="hill-name">HILL<span class="name">Name</span></div>
|
||||
<div class="hill-name">{{hero.c_name ? hero.c_name : hero.detail.hero_name}}<span class="name">Name</span></div>
|
||||
<div>
|
||||
<img
|
||||
width="34px"
|
||||
@ -467,7 +467,7 @@ export default {
|
||||
}
|
||||
.hill-name {
|
||||
font-size: 47px;
|
||||
font-family: "SairaStencilOne";
|
||||
// font-family: "SairaStencilOne";
|
||||
// font-weight: 400;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
@ -667,6 +667,7 @@ export default {
|
||||
.hero-tab {
|
||||
width: 306px;
|
||||
height: 80px;
|
||||
cursor: pointer;
|
||||
// font-size: 46px;
|
||||
font-size: 63px;
|
||||
font-family: "SairaStencilOne";
|
||||
@ -684,6 +685,7 @@ export default {
|
||||
font-size: 46px;
|
||||
line-height: 70px;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-family: "SairaStencilOne";
|
||||
font-weight: 400;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<el-dialog :show-close="false" :visible.sync="isShow">
|
||||
<div class="bg"></div>
|
||||
<div class="container">
|
||||
<div class="chip-left">
|
||||
<div class="piece-left">
|
||||
<img
|
||||
v-if="piece.c_id"
|
||||
width="214px"
|
||||
@ -22,13 +22,13 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="chip-right">
|
||||
<div class="chip-right-top">
|
||||
<div class="piece-right">
|
||||
<div class="piece-right-top">
|
||||
<div class="token-lable">TOKEN ID</div>
|
||||
<div class="token-id">#{{ piece.token_id }}</div>
|
||||
</div>
|
||||
<div class="chip-right-bottom">
|
||||
<div class="chip-assult">
|
||||
<div class="piece-right-bottom">
|
||||
<div class="piece-assult">
|
||||
<div class="assult-rifle">
|
||||
<div class="assult-rifle-content">
|
||||
<div class="assult-rifle-name">Assult Rifle</div>
|
||||
@ -121,9 +121,6 @@ export default {
|
||||
dialogVisible: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log(this.isShow, "sgdfdsgsd");
|
||||
},
|
||||
computed: {
|
||||
time() {
|
||||
if (this.piece.modifytime) {
|
||||
@ -145,7 +142,6 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
closeTip() {
|
||||
// 分发自定义事件(事件名: closeTip)
|
||||
this.$emit("closeTip", false);
|
||||
},
|
||||
closeMyself(data) {
|
||||
@ -154,15 +150,11 @@ export default {
|
||||
init(data) {
|
||||
this.dialogVisible = true;
|
||||
this.piece = data;
|
||||
console.log(data, "dfgdg");
|
||||
console.log(this.piece.detail.balance, "this.piece.detail.balance");
|
||||
},
|
||||
handPutShow() {
|
||||
this.$emit("handPutShow", this.piece);
|
||||
console.log("ppwowerw");
|
||||
},
|
||||
showTip() {
|
||||
// 分发自定义事件(事件名: closeTip)
|
||||
this.$emit("showTip");
|
||||
},
|
||||
handBuyShow() {
|
||||
@ -200,16 +192,16 @@ export default {
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
.chip-left {
|
||||
.piece-left {
|
||||
margin-left: 88px;
|
||||
margin-top: 137px;
|
||||
margin-right: 51px;
|
||||
}
|
||||
.chip-right {
|
||||
.piece-right {
|
||||
width: 343px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.chip-right-top {
|
||||
.piece-right-top {
|
||||
color: #ffffff;
|
||||
// margin-left: 137px;
|
||||
width: 343px;
|
||||
@ -234,10 +226,10 @@ export default {
|
||||
border-radius: 24px;
|
||||
}
|
||||
}
|
||||
.chip-right-bottom {
|
||||
.piece-right-bottom {
|
||||
display: flex;
|
||||
}
|
||||
.chip-assult {
|
||||
.piece-assult {
|
||||
}
|
||||
.owner {
|
||||
width: 340px;
|
||||
|
||||
@ -181,8 +181,8 @@ export default {
|
||||
init(data) {
|
||||
this.dialogVisible = true;
|
||||
this.piece = data;
|
||||
console.log(data, "dfgdg");
|
||||
console.log(this.piece.detail.balance, "this.piece.detail.balance");
|
||||
// console.log(data, "dfgdg");
|
||||
// console.log(this.piece.detail.balance, "this.piece.detail.balance");
|
||||
},
|
||||
handReduce() {
|
||||
if (this.cunout > 0) {
|
||||
|
||||
@ -189,7 +189,6 @@ export default {
|
||||
let list = this.data.detail.chips_info.filter((el) => {
|
||||
return el !== " ";
|
||||
});
|
||||
console.log(list, "-=-=-ooo");
|
||||
return list;
|
||||
},
|
||||
},
|
||||
@ -213,13 +212,11 @@ export default {
|
||||
init(data) {
|
||||
this.dialogVisible = true;
|
||||
this.piece = data;
|
||||
console.log(data, "dfgdg");
|
||||
},
|
||||
handChipDetils(i) {
|
||||
this.chipsid = i;
|
||||
},
|
||||
formatSelect(value) {
|
||||
console.log(value, "date");
|
||||
let date = new Date(value * 1000);
|
||||
console.log(date, "date");
|
||||
let year = date.getUTCFullYear();
|
||||
|
||||
@ -300,7 +300,7 @@ export default class HeroNft extends Vue {
|
||||
right: 24px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
bottom: 6px;
|
||||
bottom: 5px;
|
||||
}
|
||||
.gen {
|
||||
position: absolute;
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<!-- <div class="no-sale">
|
||||
<img width="205px" src="../../../assets/market/hero/no-sale.png" alt="" />
|
||||
</div> -->
|
||||
<div @click="ChipDialog">
|
||||
<div @click="chipDialog">
|
||||
<div class="gun-bg">
|
||||
<img
|
||||
v-if="weapon.item_id"
|
||||
@ -63,8 +63,8 @@
|
||||
</div>
|
||||
<Dundialog
|
||||
:dialogVisible="dialogVisible"
|
||||
@on-close="ChipDialoghide"
|
||||
@on-click="ChipDialog"
|
||||
@on-close="chipDialogHide"
|
||||
@on-click="chipDialog"
|
||||
:isTab="isTab"
|
||||
:isType="isType"
|
||||
@closeTip="closeTip"
|
||||
@ -162,13 +162,11 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
ChipDialoghide() {
|
||||
chipDialogHide() {
|
||||
this.dialogVisible = false;
|
||||
console.log("ChipDialoghide");
|
||||
},
|
||||
ChipDialog() {
|
||||
chipDialog() {
|
||||
this.dialogVisible = true;
|
||||
console.log("ChipDialog");
|
||||
},
|
||||
closeTip(hide) {
|
||||
this.isTab = hide;
|
||||
@ -178,14 +176,12 @@ export default {
|
||||
},
|
||||
handPutShow() {
|
||||
this.isPiecePut = true;
|
||||
console.log("");
|
||||
},
|
||||
handPutHide() {
|
||||
this.isPiecePut = false;
|
||||
},
|
||||
handBuyShow() {
|
||||
this.isBuy = true;
|
||||
console.log("99999999999999999");
|
||||
},
|
||||
handBuyHide() {
|
||||
this.isBuy = false;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user