优化页面
This commit is contained in:
@@ -8,11 +8,14 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
setup(__props, { emit: __emit }) {
|
||||
const currentConversation = common_vendor.ref();
|
||||
const typingStatus = common_vendor.ref(false);
|
||||
const setChatHeaderContent = (content) => {
|
||||
var _a;
|
||||
(_a = common_vendor.i) == null ? void 0 : _a.setNavigationBarTitle({
|
||||
title: content || "云通信 IM"
|
||||
const Title = common_vendor.ref("Global");
|
||||
function Returnfunc() {
|
||||
common_vendor.index.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
const setChatHeaderContent = (content) => {
|
||||
Title.value = content || "Global";
|
||||
};
|
||||
common_vendor.onMounted(() => {
|
||||
common_vendor.Jt.watch(common_vendor.o.CONV, {
|
||||
@@ -45,13 +48,16 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
var _a;
|
||||
typingStatus.value = status;
|
||||
if (typingStatus.value) {
|
||||
setChatHeaderContent(common_vendor.Wt.t("TUIChat.对方正在输入"));
|
||||
setChatHeaderContent(common_vendor.Wt.t("TUIChat.对方正在输入..."));
|
||||
} else {
|
||||
setChatHeaderContent((_a = currentConversation.value) == null ? void 0 : _a.getShowName());
|
||||
}
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return {};
|
||||
return {
|
||||
a: common_vendor.t(common_vendor.unref(Title)),
|
||||
b: common_vendor.o$1(Returnfunc)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view style="display:flex"/>
|
||||
<view class="Navigation"><view class="Navigation-name">{{a}}</view><image src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Navigationimg.png" mode="scaleToFill" class="Navigationimg"/><image bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" class="Return"/></view>
|
||||
@@ -0,0 +1,34 @@
|
||||
|
||||
.Return {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
position: absolute;
|
||||
top: 110rpx;
|
||||
left: 40rpx;
|
||||
z-index: 999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.Navigationimg {
|
||||
width: 100%;
|
||||
height: 240rpx;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.Navigation-name{
|
||||
position: absolute;
|
||||
top: 110rpx;
|
||||
left: 320rpx;
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.Navigation{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 240rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user