This commit is contained in:
A1300399510
2023-08-03 17:54:13 +08:00
parent 07c423262a
commit 066109e51b
3 changed files with 168 additions and 238 deletions

View File

@@ -101,7 +101,7 @@
</div>
</div>
<div class="option-item flexflex">
<div class="option-title">租金</div>
<div class="option-title flexacenter">租金</div>
<div class="option-box flexacenter flex1 option-input-box">
<div class="flex1">
<input class="option-input" type="number" v-model="pitchValue['rent_min']"

View File

@@ -6,8 +6,6 @@
</template>
<div class="transmit-unfold-box">
<!-- <div v-if="props['concatType']" class="arrow" style="right: 300px;"></div>
<div v-else class="arrow" :style="{ right: type == 'apartment' ? '182px' : '75px' }"></div> -->
<div class="transmit-item">
<div class="transmit-head">转发网页版</div>
<div class="transmit-box transmit-webpage-box">
@@ -52,31 +50,21 @@ const popperOptions = ref({
]
});
watch(() => props.concatType, (newValue, oldValue) => {
if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
nextTick(() => {
if (newValue && props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 235
else if (props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 38
else popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
})
watch(() => props.concatType, (newValue, oldValue) => {
setTimeout(() => {
if (newValue && props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 225
else if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
}, 250)
});
// popperOptions.value['modifiers'][0]['options']['offset'][0] = 235
// popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
let url = location.href
let popover = ref(null)
let btn = ref(null)
setTimeout(() => {
console.log(popover, "popover");
}, 3000)
const copy = () => {
copyToClipboard(`${props['title']} - ${url}`).then(() => {
ElMessage.success("复制成功!!!")
@@ -86,17 +74,10 @@ const copy = () => {
</script>
<style lang="less" scoped>
.el-popper__arrow {
left: 200px;
}
.btn {
// background-color: antiquewhite;
width: 100px;
height: 40px;
position: absolute;
// top: 0;
// left: 0;
}
.transmit-unfold-box,
@@ -110,8 +91,6 @@ const copy = () => {
display: flex;
border-radius: 10px;
font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
// box-shadow: 0px 2px 11px -2px #dcebef;
// border: 1px solid #e0e0e0;
}
.transmit-unfold-box .transmit-unfold-close {
@@ -210,28 +189,4 @@ const copy = () => {
cursor: pointer;
color: #000;
}
.arrow {
width: 10px;
height: 10px;
z-index: -1;
position: absolute;
top: -4px;
right: 75px;
&::before {
content: "";
border: 1px solid #e4e7ed;
border-bottom-color: transparent !important;
border-right-color: transparent !important;
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
// z-index: -1;
transform: rotate(45deg);
// background: red;
box-sizing: border-box;
}
}
</style>