cyl/master-0804
parent
0f33935b6d
commit
79a50c010d
@ -0,0 +1,208 @@
|
||||
<template>
|
||||
<!-- :style="{ height: `calc(100vh - ${43 + tabbarHeight}px)` }" -->
|
||||
<view class="g_bg_f_5">
|
||||
<div style="height: 10px"></div>
|
||||
<div class="g_bg_f_5" style="width: calc(100% - 40rpx); margin: 0px auto 10px">
|
||||
<div class="">
|
||||
<view style="background-color: #ededed; padding: 0 12px">
|
||||
<u-search placeholder="请输入手机号" :show-action="false" bg-color="#fff" placeholder-class="g_c_c" :input-style="{ fontSize: '16px' }" height="80" search-icon-color="#999999" v-model="wxyx_tel" @search="handleSearch" @custom="handleCustom"></u-search>
|
||||
</view>
|
||||
</div>
|
||||
<div class="g_flex_row_between g_pl_10 g_pr_10" v-if="receiverUserData && receiverUserData.userId" style="background-color: #fff; border-radius: 8px; padding: 12px 10px; margin-top: 10px">
|
||||
<div class="g_flex_1">
|
||||
<div style="font-size: 16px; font-weight: 600">
|
||||
{{ receiverUserData.tel || "-" }}
|
||||
</div>
|
||||
<div style="color: #a1a1a1; font-size: 14px; margin-top: 8px">
|
||||
{{ receiverUserData.userName || "-" }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="g_flex_none g_ml_12 g_flex_column_center">
|
||||
<div>
|
||||
<u-button :loading="isStart" type="primary" size="mini" @click="startChat">开始聊天</u-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nei-box g_mt_10" style="background-color: #fff; border-radius: 8px" v-if="allUser && allUser.length > 0">
|
||||
<!-- <div class="label-title" style="font-size: 16px; font-weight: 600; padding: 12px 16px; border-bottom: 1px solid #eee">内部通讯录</div> -->
|
||||
<div v-for="(item, index) in allUser" :key="index" @click="startCopyChat(item)" class="g_flex_row_between g_pt_12 g_pb_12 g_pl_16 g_pr_16 border_bottom">
|
||||
<div class="g_flex_1 g_flex_row_start g_fs_16">
|
||||
<div class="g_flex_none g_mr_12">
|
||||
<image :src="item.imgSrc || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/defaultAva.svg'" style="width: 48px; height: 48px; border-radius: 50px"></image>
|
||||
</div>
|
||||
<div class="g_flex_1 g_flex_column_between">
|
||||
<div class="g_c_3 g_fs_17" style="line-height: 24px">
|
||||
{{ item.userName }}
|
||||
</div>
|
||||
<div
|
||||
class="g_c_3 g_fs_14 g_ell_1"
|
||||
style="line-height: 20px"
|
||||
:style="{
|
||||
color: '#999',
|
||||
}"
|
||||
>
|
||||
{{ item.tel }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="g_flex_1">
|
||||
<div style="font-size: 16px; font-weight: 600">
|
||||
{{ item.userName || "-" }}
|
||||
</div>
|
||||
<div style="color: #a1a1a1; font-size: 14px; margin-top: 8px">
|
||||
{{ item.tel || "-" }}
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div class="g_flex_none g_ml_12 g_flex_column_center">
|
||||
<div>
|
||||
<u-button :loading="item.isStart" type="primary" size="mini" @click="startCopyChat(item)">开始聊天</u-button>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 100rpx"></div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { customRedirectTo, customReLaunch, customSwitchTab, customNavigateTo } from "../../utils/customNavigate";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
allUser: [],
|
||||
isStart: false,
|
||||
isSend: false,
|
||||
wxyx_tel: "",
|
||||
receiverUserData: {},
|
||||
tabbarHeight: uni.getStorageSync("TABBAR_HEIGHT"),
|
||||
};
|
||||
},
|
||||
created() {
|
||||
let that = this;
|
||||
that.getCopyUserList();
|
||||
},
|
||||
methods: {
|
||||
getCopyUserList() {
|
||||
let that = this;
|
||||
that.F.wyyxGet(that.api.wyyx_getCorpUserList, {}, (res) => {
|
||||
console.log("获取通讯录：", res);
|
||||
if (res && res.length > 0) {
|
||||
res.forEach((item) => {
|
||||
item.isStart = false;
|
||||
});
|
||||
}
|
||||
that.allUser = res;
|
||||
});
|
||||
},
|
||||
handleSearch(e) {
|
||||
this.getUserList(e);
|
||||
},
|
||||
handleCustom(e) {
|
||||
this.getUserList(e);
|
||||
},
|
||||
getUserList(e) {
|
||||
let that = this;
|
||||
that.F.wyyxGet(
|
||||
this.api.wyyx_getCorpUserList,
|
||||
{
|
||||
key: e,
|
||||
},
|
||||
(res) => {
|
||||
console.log("搜索手机号", res);
|
||||
that.receiverUserData = res[0];
|
||||
}
|
||||
);
|
||||
},
|
||||
sendPointMessage() {
|
||||
let that = this;
|
||||
that.isSend = true;
|
||||
|
||||
that.F.wyyxPost(
|
||||
that.api.wyyx_sendMessage,
|
||||
{
|
||||
conversationType: 1,
|
||||
senderUserId: uni.getStorageSync("apply-uid"), // 发送者id 即当前登录用户id
|
||||
receiverUserId: that.receiverUserData.userId, // 接收方用户id
|
||||
text: "我是招呼语" + that.G.getPointTime(),
|
||||
},
|
||||
(res) => {
|
||||
that.isSend = false;
|
||||
that.receiverUserData = {};
|
||||
that.goYunxin();
|
||||
},
|
||||
() => {
|
||||
that.isSend = false;
|
||||
}
|
||||
);
|
||||
},
|
||||
async startCopyChat($item) {
|
||||
let that = this;
|
||||
$item.isStart = true;
|
||||
that.F.wyyxPost(
|
||||
that.api.wyyx_create,
|
||||
{
|
||||
senderUserId: uni.getStorageSync("apply-uid"),
|
||||
receiverUserId: $item.userId,
|
||||
},
|
||||
(res) => {
|
||||
$item.isStart = false;
|
||||
uni.$UIKitStore.uiStore.selectConversation(res.conversationId);
|
||||
customNavigateTo({
|
||||
url: "/pages/Chat/index",
|
||||
});
|
||||
},
|
||||
() => {
|
||||
$item.isStart = false;
|
||||
}
|
||||
);
|
||||
},
|
||||
async startChat() {
|
||||
let that = this;
|
||||
that.isStart = true;
|
||||
that.F.wyyxPost(
|
||||
that.api.wyyx_create,
|
||||
{
|
||||
senderUserId: uni.getStorageSync("apply-uid"),
|
||||
receiverUserId: that.receiverUserData.userId,
|
||||
},
|
||||
(res) => {
|
||||
that.isStart = false;
|
||||
uni.$UIKitStore.uiStore.selectConversation(res.conversationId);
|
||||
that.receiverUserData = {};
|
||||
customNavigateTo({
|
||||
url: "/pages/Chat/index",
|
||||
});
|
||||
},
|
||||
() => {
|
||||
that.isStart = false;
|
||||
}
|
||||
);
|
||||
},
|
||||
goYunxin() {
|
||||
customNavigateTo({
|
||||
url: "/pages/Conversation/index",
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
page {
|
||||
background-color: #ededed;
|
||||
}
|
||||
.border_bottom {
|
||||
position: relative;
|
||||
&:not(:last-child):after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1rpx;
|
||||
width: calc(100% - 80px);
|
||||
background: #eee;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<div class="friend-list-container g_bg_f_5">
|
||||
<div class="friend-group-list">
|
||||
<Empty v-if="friendGroupList.length === 0" :text="t('noFriendText')" />
|
||||
<div
|
||||
class="friend-group-item"
|
||||
v-for="friendGroup in friendGroupList"
|
||||
:key="friendGroup.key"
|
||||
>
|
||||
<div class="friend-group-title">
|
||||
{{ friendGroup.key }}
|
||||
</div>
|
||||
<div
|
||||
class="friend-item"
|
||||
v-for="friend in friendGroup.data"
|
||||
:key="friend.accountId"
|
||||
@click="handleFriendItemClick(friend)"
|
||||
>
|
||||
<Avatar :account="friend.accountId" />
|
||||
<div class="friend-name">{{ friend.appellation }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import Avatar from '../../../components/Avatar.vue'
|
||||
import { autorun } from 'mobx'
|
||||
import { onUnmounted, ref } from '../../../utils/transformVue'
|
||||
import { friendGroupByPy } from '../../../utils/friend'
|
||||
import { customNavigateTo } from '../../../utils/customNavigate'
|
||||
import Empty from '../../../components/Empty.vue'
|
||||
|
||||
import { deepClone } from '../../../utils'
|
||||
import { t } from '../../../utils/i18n'
|
||||
import { V2NIMFriend } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMFriendService'
|
||||
|
||||
type FriendItem = V2NIMFriend & { appellation: string }
|
||||
|
||||
const friendGroupList = ref<
|
||||
{ key: string; data: { accountId: string; appellation: string }[] }[]
|
||||
>([])
|
||||
|
||||
function handleFriendItemClick(friend: FriendItem) {
|
||||
customNavigateTo({
|
||||
url: `/pages/user-card/friend/index?account=${friend.accountId}`,
|
||||
})
|
||||
}
|
||||
|
||||
const uninstallFriendListWatch = autorun(() => {
|
||||
const data = uni.$UIKitStore.uiStore.friends
|
||||
.filter(
|
||||
(item) =>
|
||||
!uni.$UIKitStore.relationStore.blacklist.includes(item.accountId)
|
||||
)
|
||||
.map((item) => ({
|
||||
accountId: item.accountId,
|
||||
appellation: uni.$UIKitStore.uiStore.getAppellation({
|
||||
account: item.accountId,
|
||||
}),
|
||||
}))
|
||||
|
||||
friendGroupList.value = deepClone(
|
||||
friendGroupByPy(
|
||||
data,
|
||||
{
|
||||
firstKey: 'appellation',
|
||||
},
|
||||
false
|
||||
)
|
||||
)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
uninstallFriendListWatch()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '../../styles/common.scss';
|
||||
|
||||
.friend-group-item {
|
||||
padding-left: 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.friend-group-title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 14px;
|
||||
color: #b3b7bc;
|
||||
border-bottom: 1rpx solid #dbe0e8;
|
||||
}
|
||||
|
||||
.friend-item {
|
||||
// margin-top: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
.friend-name {
|
||||
margin-left: 12px;
|
||||
padding-right: 20px;
|
||||
color: #333333;
|
||||
flex: 1;
|
||||
overflow: hidden; //超出的文本隐藏
|
||||
text-overflow: ellipsis; //溢出用省略号显示
|
||||
white-space: nowrap; //溢出不换行
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,276 @@
|
||||
<template>
|
||||
<div class="contact-list-container g_bg_f_5">
|
||||
<!-- <div
|
||||
class="dropdown-mark"
|
||||
v-if="addDropdownVisible"
|
||||
@touchstart="hideAddDropdown"
|
||||
/> -->
|
||||
<div class="navigation-bar">
|
||||
<div class="logo-box" v-if="false">
|
||||
<div>{{ t("contactText") }}</div>
|
||||
</div>
|
||||
<div :class="buttonClass" v-if="false">
|
||||
<image src="https://yx-web-nosdn.netease.im/common/9ae07d276ba2833b678a4077960e2d1e/Group 1899.png" class="button-icon" @tap="showAddDropdown" style="width: 40px !important; height: 40px !important; border-radius: 50%" />
|
||||
<div v-if="addDropdownVisible" class="dropdown-container">
|
||||
<div class="add-menu-list">
|
||||
<div class="add-menu-item" @tap="onDropdownClick('addFriend')">
|
||||
<div :style="{ marginRight: '5px' }">
|
||||
<Icon type="icon-tianjiahaoyou" />
|
||||
</div>
|
||||
{{ t("addFriendText") }}
|
||||
</div>
|
||||
<div class="add-menu-item" @tap="onDropdownClick('createGroup')" v-if="false">
|
||||
<div :style="{ marginRight: '5px' }">
|
||||
<Icon type="icon-chuangjianqunzu" />
|
||||
</div>
|
||||
{{ t("createTeamText") }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-list">
|
||||
<div class="contact-item-content g_bg_f_5">
|
||||
<div class="contact-item" @click="onDropdownClick('addFriend')">
|
||||
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/bocaigongyinglian/add_friend.svg" alt="" style="width: 48px; height: 48px; vertical-align: middle" />
|
||||
<!-- <Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" /> -->
|
||||
<span class="contact-item-title">添加好友</span>
|
||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
||||
</div>
|
||||
<div class="contact-item" @click="handleValidMsgClick">
|
||||
<Icon iconClassName="contact-item-icon contact-valid-icon" :size="48" type="icon-yanzheng" color="#fff" />
|
||||
<Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" />
|
||||
<span class="contact-item-title"> {{ t("validMsgText") }}</span>
|
||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
||||
</div>
|
||||
<div class="contact-item" @click="handleBlacklistClick">
|
||||
<Icon iconClassName="contact-item-icon contact-blacklist-icon" :size="48" type="icon-lahei2" color="#fff" />
|
||||
<span class="contact-item-title"> {{ t("blacklistText") }}</span>
|
||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
||||
</div>
|
||||
<div class="contact-item" @click="onDropdownClick('innerAddress')" v-if="corpUserFlag && false">
|
||||
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/bocaigongyinglian/inner.svg" alt="" style="width: 48px; height: 48px; border-radius: 50%" />
|
||||
<!-- <Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" /> -->
|
||||
<span class="contact-item-title">公司内部成员</span>
|
||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
||||
</div>
|
||||
|
||||
<!-- <div class="contact-item" @click="handleGroupContactClick">
|
||||
<Icon
|
||||
iconClassName="contact-item-icon contact-group-icon"
|
||||
:size="48"
|
||||
type="icon-team2"
|
||||
color="#fff"
|
||||
/>
|
||||
<span class="contact-item-title"> {{ t('teamMenuText') }}</span>
|
||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
||||
</div> -->
|
||||
</div>
|
||||
<FriendList />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import Icon from "../../../components/Icon.vue";
|
||||
import Badge from "../../../components/Badge.vue";
|
||||
import FriendList from "./friend-list.vue";
|
||||
import { onUnmounted, ref } from "../../../utils/transformVue";
|
||||
import { onHide } from "@dcloudio/uni-app";
|
||||
import { customNavigateTo } from "../../../utils/customNavigate";
|
||||
import { autorun } from "mobx";
|
||||
import { t } from "../../../utils/i18n";
|
||||
|
||||
const addDropdownVisible = ref(false);
|
||||
const unreadSysMsgCount = ref(0);
|
||||
|
||||
const uninstallUnreadWatch = autorun(() => {
|
||||
unreadSysMsgCount.value = uni.$UIKitStore.sysMsgStore.getTotalUnreadMsgsCount();
|
||||
});
|
||||
const corpUserFlag = ref(uni.getStorageSync("apply-userinfo").corpUserFlag);
|
||||
|
||||
const onDropdownClick = (urlType: "addFriend" | "createGroup") => {
|
||||
const urlMap = {
|
||||
// 添加好友
|
||||
addFriend: "/pages/Friend/add-friend/index",
|
||||
// 创建群聊
|
||||
createGroup: "/pages/Group/group-create/index",
|
||||
// 内部通讯录
|
||||
innerAddress: "/pages/Contact/BcFriend",
|
||||
};
|
||||
addDropdownVisible.value = false;
|
||||
customNavigateTo({
|
||||
url: urlMap[urlType],
|
||||
});
|
||||
};
|
||||
|
||||
const handleValidMsgClick = () => {
|
||||
uni.$UIKitStore.sysMsgStore.setAllApplyMsgRead();
|
||||
customNavigateTo({
|
||||
url: `/pages/Contact/contact-list/valid-list`,
|
||||
});
|
||||
};
|
||||
|
||||
const handleBlacklistClick = () => {
|
||||
customNavigateTo({
|
||||
url: `/pages/Contact/contact-list/black-list`,
|
||||
});
|
||||
};
|
||||
|
||||
const handleGroupContactClick = () => {
|
||||
customNavigateTo({
|
||||
url: `/pages/Contact/contact-list/group-list`,
|
||||
});
|
||||
};
|
||||
|
||||
const showAddDropdown = () => {
|
||||
addDropdownVisible.value = true;
|
||||
};
|
||||
|
||||
const hideAddDropdown = () => {
|
||||
addDropdownVisible.value = false;
|
||||
};
|
||||
|
||||
let buttonClass = "button-box";
|
||||
// #ifdef MP
|
||||
buttonClass = "button-box-mp";
|
||||
// #endif
|
||||
|
||||
onUnmounted(() => {
|
||||
uninstallUnreadWatch();
|
||||
});
|
||||
|
||||
onHide(() => {
|
||||
addDropdownVisible.value = false;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "../../styles/common.scss";
|
||||
|
||||
page {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.contact-list-container {
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.navigation-bar {
|
||||
// height: 60px;
|
||||
// border-bottom: 1rpx solid #e9eff5;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
// padding-top: var(--status-bar-height);
|
||||
|
||||
.logo-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-list {
|
||||
height: calc(100% - 60px - var(--status-bar-height));
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
||||
.contact-item-content {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
height: 72px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #f5f8fc;
|
||||
}
|
||||
|
||||
.contact-item-icon {
|
||||
height: 42px;
|
||||
width: 42px;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 39px;
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.contact-valid-icon {
|
||||
background-color: #60cfa7;
|
||||
}
|
||||
|
||||
.contact-blacklist-icon {
|
||||
background-color: #53c3f4;
|
||||
}
|
||||
|
||||
.contact-group-icon {
|
||||
background-color: #be65d9;
|
||||
}
|
||||
|
||||
.contact-item-title {
|
||||
margin-left: 12px;
|
||||
font-size: 17px;
|
||||
color: #333333;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.more-icon {
|
||||
margin: 0 16px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-mark {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dropdown-container {
|
||||
position: absolute;
|
||||
top: -70px;
|
||||
right: 30px;
|
||||
min-width: 122px;
|
||||
min-height: 40px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e6e6e6;
|
||||
box-shadow: 0px 4px 7px rgba(133, 136, 140, 0.25);
|
||||
border-radius: 8px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.add-menu-list {
|
||||
padding: 15px 10px;
|
||||
|
||||
.add-menu-item {
|
||||
white-space: nowrap;
|
||||
font-size: 16px;
|
||||
padding-left: 5px;
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,26 @@
|
||||
<template>
|
||||
<view></view>
|
||||
<ContactList />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import ContactList from './contact-list/index.vue'
|
||||
import { onShow } from '@dcloudio/uni-app'
|
||||
import { setContactTabUnread, setTabUnread } from '../utils/msg';
|
||||
import { trackInit } from '../utils/reporter'
|
||||
|
||||
trackInit('ContactUIKit')
|
||||
|
||||
onShow(() => {
|
||||
setTabUnread()
|
||||
setContactTabUnread()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import "../styles/common.scss";
|
||||
|
||||
page {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,55 @@
|
||||
.ok-btn {
|
||||
color: #fff;
|
||||
background-color: rgb(20, 146, 209);
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: calc(50% - 25vw);
|
||||
width: 50vw;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.ok-btn-mp {
|
||||
color: #fff;
|
||||
background-color: rgb(20, 146, 209);
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
left: calc(50% - 25vw);
|
||||
width: 50vw;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.button-box,.button-box-mp {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
bottom: 120px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.button-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.button-box,
|
||||
.button-box-mp .button-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.button-box{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
bottom: 70px;
|
||||
right: 30px;
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"strict": true,
|
||||
"jsx": "preserve",
|
||||
"moduleResolution": "node",
|
||||
"experimentalDecorators": true,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"useDefineForClassFields": true,
|
||||
"sourceMap": true,
|
||||
"strictFunctionTypes": false,
|
||||
"preserveValueImports": false,
|
||||
"isolatedModules": false,
|
||||
"baseUrl": ".",
|
||||
"types": ["node", "webpack-env", "vue/types", "vue-router/types"],
|
||||
"paths": {
|
||||
"@/*": ["src/*"]
|
||||
},
|
||||
"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
|
||||
},
|
||||
"files": ["*.d.ts", "**/*.ts", "**/*.tsx", "**/*.vue", "**/*.ts", "**/*.tsx"],
|
||||
"include": [
|
||||
"*.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx",
|
||||
"**/*.vue",
|
||||
"**/*.ts",
|
||||
"**/*.tsx"
|
||||
],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
Loading…
Reference in New Issue