tangxinyue
/
alipay-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合并代码

This commit is contained in:
tangxinyue 2026-03-11 11:23:53 +08:00
parent ef71a0a669
commit 48eec51491
20 changed files with 945 additions and 1791 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
common/main.css
View File

@ -256,6 +256,10 @@
display: flex; display: flex;
} }
.shrink-0 {
flex-shrink: 0;
}
.flex-column { .flex-column {
flex-direction: column; flex-direction: column;
} }
@ -282,6 +286,11 @@
align-items: center; align-items: center;
} }
.flex-align-start {
display: flex;
align-items: flex-start;
}
.flex-justify-center { .flex-justify-center {
display: flex; display: flex;
justify-content: center; justify-content: center;

145
components/message/list.vue Normal file
View File

@ -0,0 +1,145 @@
<template>
<view :style="`${phone}-style`">
<uni-swipe-action class="swipe-action">
<!-- 使用插槽 （请自行给定插槽内容宽度）-->
<uni-swipe-action-item>
<view>
<view class="item flex-align-center">
<view class="dot"></view>
<image class="img shrink-0" :src="`/static/image/phone-message/${phone}/default.png`"></image>
<view class="border-box m-l-24 flex-1 flex flex-align-start">
<view class="main-box flex-1">
<view class="title-box flex-between">
<text class="title">title</text>
<text class="time">昨天</text>
</view>
<view class="content">市燃管办温馨提示：依法安全文明燃放烟花爆竹，共护平安幸福家园呵呵哈哈哈还好...</view>
</view>
<view class="box-right h100 flex-column flex-align-center">
<uni-icons type="right" size="14" color="#C1C1C1"></uni-icons>
<image class="img" src="/static/image/phone-message/iphone/notice.png"></image>
</view>
</view>
</view>
</view>
<template v-slot:right>
<view><text>删除</text></view>
</template>
</uni-swipe-action-item>
</uni-swipe-action>
</view>
</template>
<script setup>
import {
ref,
reactive,
computed
} from 'vue'
import {
util
} from '@/utils/common.js';
const props = defineProps({
// 手机品牌
phone: {
type: String,
default: 'iphone'
}
})
</script>
<style>
@import '@/common/main.css';
</style>
<style lang="less" scoped>
.m-t-4 {
margin-top: 4rpx;
}
.m-l-24 {
margin-left: 24rpx;
}
.iphone-style {
.swipe-action {
margin-top: 24rpx;
}
.item:first-child {
.border-box {
position: relative;
}
.border-box::before {
position: absolute;
content: '';
width: 100%;
height: 1px;
top: -1px;
left: 0;
right: 0;
box-shadow: 0 0.3px 0 0 #C2C2C2;
}
}
.item {
padding: 0 0 0 14rpx;
height: 146rpx;
.dot {
width: 20rpx;
height: 20rpx;
background-color: #007BFD;
border-radius: 50%;
}
.img {
width: 84rpx;
height: 84rpx;
margin-left: 16rpx;
}
.border-box {
padding: 18rpx 14rpx 14rpx 0;
height: 100%;
box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
}
.main-box {
.title-box {
margin-bottom: 6rpx;
.title {
color: #1A1A1A;
font-size: 32rpx;
line-height: 32rpx;
}
.time {
color: #838383;
font-size: 28rpx;
line-height: 28rpx;
}
}
.content {
font-size: 28rpx;
line-height: 38rpx;
color: #838383;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
.box-right {
.img {
width: 28rpx;
height: 28rpx;
margin: 0;
}
}
}
}
</style>

22
components/message/message-nav-bar.vue
View File

@ -5,7 +5,7 @@
<!-- 左侧文字图标 --> <!-- 左侧文字图标 -->
<template v-slot:left> <template v-slot:left>
<view v-if="phone == 'iphone'" class="flex flex-align-center"> <view v-if="phone == 'iphone'" class="flex flex-align-center">
<image @click="util.goBack" class="left-icon" src="/static/image/phone-message/ios/back.png" <image @click="util.goBack" class="left-icon" src="/static/image/phone-message/iphone/back.png"
mode=""></image> mode=""></image>
<text class="left-text">过滤条件</text> <text class="left-text">过滤条件</text>
</view> </view>
@ -23,8 +23,8 @@
<template v-slot:right> <template v-slot:right>
<!-- iphone --> <!-- iphone -->
<view v-if="phone == 'iphone'"> <view v-if="phone == 'iphone'">
<image class="right-icon mg-r-30" src="/static/image/phone-message/ios/more.png" mode=""></image> <image class="right-icon mg-r-30" src="/static/image/phone-message/iphone/more.png" mode=""></image>
<image class="right-icon mg-r-5" src="/static/image/phone-message/ios/edit.png" mode=""></image> <image class="right-icon mg-r-5" src="/static/image/phone-message/iphone/edit.png" mode=""></image>
</view> </view>
<!-- mi --> <!-- mi -->
<view v-if="phone == 'mi'"> <view v-if="phone == 'mi'">
@ -232,9 +232,9 @@ page {
} }
.main-container { .main-container {
padding: 20rpx 32rpx;
.top-box { .top-box {
padding: 20rpx 32rpx 0;
.text { .text {
color: #1A1A1A; color: #1A1A1A;
font-size: 64rpx; font-size: 64rpx;
@ -276,9 +276,10 @@ page {
} }
.main-container { .main-container {
padding: 0 22rpx;
.top-box { .top-box {
padding: 0 22rpx 0;
.text { .text {
color: #1A1A1A; color: #1A1A1A;
font-size: 60rpx; font-size: 60rpx;
@ -336,9 +337,10 @@ page {
} }
.main-container { .main-container {
padding: 16rpx 34rpx;
.top-box { .top-box {
padding: 16rpx 34rpx 0;
margin-bottom: 50rpx; margin-bottom: 50rpx;
.text { .text {
@ -402,9 +404,11 @@ page {
} }
.main-container { .main-container {
padding: 40rpx 34rpx;
.top-box { .top-box {
padding: 40rpx 34rpx 0;
.text { .text {
color: #1A1A1A; color: #1A1A1A;
font-size: 60rpx; font-size: 60rpx;
@ -467,8 +471,6 @@ page {
} }
.main-container { .main-container {
.top-box { .top-box {
padding: 0 46rpx; padding: 0 46rpx;

2
main.js
View File

@ -27,7 +27,7 @@ export function createApp() {
const systemInfo = uni.getStorageSync('systemInfo') || {} const systemInfo = uni.getStorageSync('systemInfo') || {}
app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android' app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android'
app.config.globalProperties.$systemInfo = systemInfo app.config.globalProperties.$systemInfo = systemInfo
uni.setStorageSync('version', '1.0.3') uni.setStorageSync('version', '1.0.3.sp1')
app.config.globalProperties.$version = uni.getStorageSync('version') app.config.globalProperties.$version = uni.getStorageSync('version')
app.use(globalMethods); app.use(globalMethods);

380
pages/index/index.nvue
View File

@ -136,42 +136,42 @@
</view> </view>
</template> </template>
<script setup> <script setup>
import { import {
util, util,
uiUtil uiUtil
} from '@/utils/common.js' } from '@/utils/common.js'
import { import {
storage storage
} from '@/utils/storage.js' } from '@/utils/storage.js'
import { import {
get, get,
postJson postJson
} from '@/utils/requests.js' } from '@/utils/requests.js'
import { import {
ref, ref,
reactive, reactive,
toRefs toRefs
} from 'vue'; } from 'vue';
import { import {
onLoad, onLoad,
onShow, onShow,
onHide, onHide,
onUnload, onUnload,
onReady onReady
} from '@dcloudio/uni-app'; } from '@dcloudio/uni-app';
onReady(() => { onReady(() => {
// NVUE 挂载极快，但给它 100~200ms 的喘息让原生视图确认渲染 // NVUE 挂载极快，但给它 100~200ms 的喘息让原生视图确认渲染
setTimeout(() => { setTimeout(() => {
// #ifdef APP-PLUS // #ifdef APP-PLUS
plus.navigator.closeSplashscreen(); plus.navigator.closeSplashscreen();
// #endif // #endif
}, 150); }, 150);
}); });
// 内部埋点方法 // 内部埋点方法
const apiUserEvent = async (type, adminData) => { const apiUserEvent = async (type, adminData) => {
let uni_version = uni.getStorageSync("version") let uni_version = uni.getStorageSync("version")
if (type != 'uni') { if (type != 'uni') {
await postJson('a', 'api/user/event', { await postJson('a', 'api/user/event', {
@ -184,10 +184,10 @@
}), }),
}) })
} }
} }
// 内部跳转充值页方法 // 内部跳转充值页方法
const goRechargePage = () => { const goRechargePage = () => {
// 进入页面 // 进入页面
apiUserEvent('all', { apiUserEvent('all', {
type: "event", type: "event",
@ -200,69 +200,69 @@
uni.navigateTo({ uni.navigateTo({
url: '/pages/common/recharge/index' url: '/pages/common/recharge/index'
}); });
} }
// 菜单列表 // 菜单列表
const menuList = [{ const menuList = [{
icon: "yuemoni", icon: "yuemoni",
name: "余额模拟", name: "余额模拟",
isHot: false, isHot: false,
path: "/pages/balance/index" path: "/pages/balance/index"
}, },
{ {
icon: "zhangdanshencheng", icon: "zhangdanshencheng",
name: "账单生成", name: "账单生成",
isHot: false, isHot: false,
path: "/pages/bill/bill-list/bill-list" path: "/pages/bill/bill-list/bill-list"
}, },
{ {
icon: "licaiheika", icon: "licaiheika",
name: "理财黑卡", name: "理财黑卡",
isHot: true, isHot: true,
path: "/pages/finance-management/index" path: "/pages/finance-management/index"
// path: "" // path: ""
}, },
{ {
icon: "huabei", icon: "huabei",
name: "花呗", name: "花呗",
isHot: false, isHot: false,
path: "/pages/ant-credit-pay/index" path: "/pages/ant-credit-pay/index"
}, },
] ]
const otherList = [{ const otherList = [{
icon: "/static/image/index/qita/jipiao.png", icon: "/static/image/index/qita/jipiao.png",
name: "机票", name: "机票",
path: "/pages/other/tickets-app/index?type=airTicket" path: "/pages/other/tickets-app/index?type=airTicket"
}, },
{ {
icon: "/static/image/index/qita/huochepiao.png", icon: "/static/image/index/qita/huochepiao.png",
name: "火车票", name: "火车票",
// path: "/pages/other/train-tickets/12306-tickets/12306-tickets" // path: "/pages/other/train-tickets/12306-tickets/12306-tickets"
path: "/pages/other/tickets-app/index?type=trainTicket" path: "/pages/other/tickets-app/index?type=trainTicket"
}, },
{ {
icon: "/static/image/index/qita/gongzidan.png", icon: "/static/image/index/qita/gongzidan.png",
name: "工资单", name: "工资单",
path: "/pages/other/splash/splash" path: "/pages/other/splash/splash"
}, },
{ {
icon: "/static/image/index/qita/shipinqunliao.png", icon: "/static/image/index/qita/shipinqunliao.png",
name: "视频群聊", name: "视频群聊",
path: "/pages/other/video-group-chat/video-group-chat" path: "/pages/other/video-group-chat/video-group-chat"
}, },
{ {
icon: "/static/image/index/qita/card.png", icon: "/static/image/index/qita/card.png",
name: "身份证", name: "身份证",
path: "/pages/other/card/card" path: "/pages/other/card/card"
}, },
{ {
icon: "/static/image/index/qita/card.png", icon: "/static/image/index/qita/card.png",
name: "短信", name: "短信",
path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message" path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
}, },
] ]
const data = reactive({ const data = reactive({
navBarBgColor: 'transparent', navBarBgColor: 'transparent',
statusBarHeight: 0, statusBarHeight: 0,
windowWidth: 0, windowWidth: 0,
@ -273,9 +273,9 @@
vision: "", vision: "",
platform: '', // 添加平台信息, platform: '', // 添加平台信息,
qqgroup: {} qqgroup: {}
}) })
const { const {
statusBarHeight, statusBarHeight,
windowWidth, windowWidth,
windowHeight, windowHeight,
@ -285,12 +285,12 @@
vision, vision,
platform, platform,
qqgroup qqgroup
} = toRefs(data); } = toRefs(data);
/** /**
* 处理页面滚动事件 * 处理页面滚动事件
*/ */
const handleScroll = (e) => { const handleScroll = (e) => {
const scrollTop = e.detail.scrollTop const scrollTop = e.detail.scrollTop
// 滚动超过20px时显示蓝色背景，否则显示透明背景 // 滚动超过20px时显示蓝色背景，否则显示透明背景
if (scrollTop > 20) { if (scrollTop > 20) {
@ -298,16 +298,16 @@
} else { } else {
data.navBarBgColor = 'transparent' data.navBarBgColor = 'transparent'
} }
} }
onLoad(async () => { onLoad(async () => {
// 获取平台信息 // 获取平台信息
const systemInfo = uni.getSystemInfoSync() const systemInfo = uni.getSystemInfoSync()
data.platform = systemInfo.platform data.platform = systemInfo.platform
data.vision = uni.getStorageSync('version') data.vision = uni.getStorageSync('version')
}) })
onShow(() => { onShow(() => {
// 启动时获取数据 // 启动时获取数据
fetchUserData() fetchUserData()
// 每次显示时刷新数据 // 每次显示时刷新数据
@ -323,12 +323,12 @@
plus.navigator.setStatusBarStyle("dark"); plus.navigator.setStatusBarStyle("dark");
}, 500) }, 500)
// #endif // #endif
}) })
/** /**
* 获取用户数据(从服务器) * 获取用户数据(从服务器)
*/ */
const fetchUserData = async () => { const fetchUserData = async () => {
try { try {
// 先设置默认值,避免页面显示异常 // 先设置默认值,避免页面显示异常
setUserData() setUserData()
@ -368,12 +368,12 @@
} catch (error) { } catch (error) {
console.error('获取用户数据异常:', error) console.error('获取用户数据异常:', error)
} }
} }
/** /**
* 获取用户信息 * 获取用户信息
*/ */
const fetchUserInfo = async () => { const fetchUserInfo = async () => {
const data = await get('', 'api/user', {}) const data = await get('', 'api/user', {})
if (data.code === 0) { if (data.code === 0) {
uni.setStorageSync('userInfo', data.data) uni.setStorageSync('userInfo', data.data)
@ -381,12 +381,12 @@
} else { } else {
throw new Error(data.message || '获取用户信息失败') throw new Error(data.message || '获取用户信息失败')
} }
} }
/** /**
* 获取用户配置 * 获取用户配置
*/ */
const fetchUserConfig = async () => { const fetchUserConfig = async () => {
const data = await get('', 'api/user/config', {}) const data = await get('', 'api/user/config', {})
if (data.code === 0) { if (data.code === 0) {
uni.setStorageSync('config', data.data) uni.setStorageSync('config', data.data)
@ -394,13 +394,13 @@
} else { } else {
throw new Error(data.message || '获取用户配置失败') throw new Error(data.message || '获取用户配置失败')
} }
} }
/** /**
* 设置用户数据(从本地存储读取) * 设置用户数据(从本地存储读取)
*/ */
const setUserData = () => { const setUserData = () => {
// 用户信息 - 提供默认值 // 用户信息 - 提供默认值
const userInfoData = storage.get("userInfo") const userInfoData = storage.get("userInfo")
data.userInfo = userInfoData || { data.userInfo = userInfoData || {
@ -442,9 +442,9 @@
} }
data.videoHelpList = [] data.videoHelpList = []
} }
} }
const clickMenu = (item) => { const clickMenu = (item) => {
if (!item.path) { if (!item.path) {
uiUtil.showError('开发中') uiUtil.showError('开发中')
} else { } else {
@ -455,61 +455,61 @@
} }
util.goPage(url) util.goPage(url)
} }
} }
// 开通vip // 开通vip
const openVip = () => { const openVip = () => {
goRechargePage() goRechargePage()
} }
/** /**
* 点击视频教程 * 点击视频教程
* @param item * @param item
*/ */
const clickVideoHelp = (item) => { const clickVideoHelp = (item) => {
const url = item.url const url = item.url
util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${item.text}`) util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${item.text}`)
} }
/** /**
* 点击公告 * 点击公告
*/ */
const clickNotice = () => { const clickNotice = () => {
console.log("点击公告", noticeInfo.value) console.log("点击公告", noticeInfo.value)
if (!noticeInfo.value.url) return if (!noticeInfo.value.url) return
const url = noticeInfo.value.url + `&uni_id=${userInfo.value.user_id}` const url = noticeInfo.value.url + `&uni_id=${userInfo.value.user_id}`
util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${noticeInfo.value.title}`) util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${noticeInfo.value.title}`)
} }
/** /**
* 终极兼容版复制函数 * 终极兼容版复制函数
*/ */
const copyNumber = (number) => { const copyNumber = (number) => {
if (!number) return; if (!number) return;
const text = String(number); const text = String(number);
uni.setClipboardData({ uni.setClipboardData({
data: text, data: text,
success: function() { success: function () {
uni.showToast({ uni.showToast({
title: '复制成功', title: '复制成功',
icon: 'none' icon: 'none'
}); });
}, },
fail: function() { fail: function () {
uni.showToast({ uni.showToast({
title: '复制失败', title: '复制失败',
icon: 'none' icon: 'none'
}); });
} }
}); });
} }
/** /**
* 退出模拟器 * 退出模拟器
*/ */
const exit = () => { const exit = () => {
console.log("退出模拟器") console.log("退出模拟器")
// 判断是否为 iOS 环境 // 判断是否为 iOS 环境
if (uni.getSystemInfoSync().platform === 'ios') { if (uni.getSystemInfoSync().platform === 'ios') {
@ -519,25 +519,25 @@
} else { } else {
plus.runtime.quit(); plus.runtime.quit();
} }
} }
const noticeContainer = ref(null); const noticeContainer = ref(null);
const noticeInner = ref(null); const noticeInner = ref(null);
const noticeBox = ref(null); const noticeBox = ref(null);
// #ifndef H5 // #ifndef H5
const animation = uni.requireNativePlugin('animation'); const animation = uni.requireNativePlugin('animation');
const dom = uni.requireNativePlugin('dom'); const dom = uni.requireNativePlugin('dom');
// #endif // #endif
let marqueeTimer = null; let marqueeTimer = null;
const currentMarqueeId = ref(0); const currentMarqueeId = ref(0);
const lastMarqueeText = ref(''); const lastMarqueeText = ref('');
/** /**
* 开始走马灯 * 开始走马灯
*/ */
const startMarquee = () => { const startMarquee = () => {
// 避免不必要的重置：如果文本没有变化且正在运行，则忽略 // 避免不必要的重置：如果文本没有变化且正在运行，则忽略
if (lastMarqueeText.value === noticeInfo.value.text && currentMarqueeId.value > 0) { if (lastMarqueeText.value === noticeInfo.value.text && currentMarqueeId.value > 0) {
return; return;
@ -585,12 +585,12 @@
}); });
}); });
}, 1000); // 增加延时确保渲染 }, 1000); // 增加延时确保渲染
} }
/** /**
* 执行滚动动画循环 * 执行滚动动画循环
*/ */
const runMarqueeAnimation = (containerWidth, textWidth, myId) => { const runMarqueeAnimation = (containerWidth, textWidth, myId) => {
// ID 校验：如果当前ID不匹配，说明已被新动画取代，停止递归 // ID 校验：如果当前ID不匹配，说明已被新动画取代，停止递归
if (myId !== currentMarqueeId.value) return; if (myId !== currentMarqueeId.value) return;
if (!noticeInner.value) return; if (!noticeInner.value) return;
@ -627,12 +627,12 @@
runMarqueeAnimation(containerWidth, textWidth, myId); runMarqueeAnimation(containerWidth, textWidth, myId);
}); });
}); });
} }
/** /**
* 停止走马灯 * 停止走马灯
*/ */
const stopMarquee = () => { const stopMarquee = () => {
// 清除定时器 // 清除定时器
if (marqueeTimer) { if (marqueeTimer) {
clearTimeout(marqueeTimer); clearTimeout(marqueeTimer);
@ -640,42 +640,42 @@
} }
// 增加ID使其失效 // 增加ID使其失效
currentMarqueeId.value++; currentMarqueeId.value++;
} }
onHide(() => { onHide(() => {
stopMarquee(); stopMarquee();
}) })
onUnload(() => { onUnload(() => {
stopMarquee(); stopMarquee();
}) })
</script> </script>
<style> <style>
.container { .container {
background-color: #F0F4F9; background-color: #F0F4F9;
} }
.margin-l-6 { .margin-l-6 {
margin-left: 6px; margin-left: 6px;
} }
.index-bg-img { .index-bg-img {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 0; z-index: 0;
} }
.nav-bar-box { .nav-bar-box {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 9999; z-index: 9999;
background-color: transparent; background-color: transparent;
} }
.content-box { .content-box {
position: fixed; position: fixed;
top: 0rpx; top: 0rpx;
left: 0; left: 0;
@ -685,29 +685,29 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
::v-deep .uni-scroll-view-content { ::v-deep .uni-scroll-view-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
.status-box { .status-box {
width: 100%; width: 100%;
} }
.nav-box { .nav-box {
height: 44px; height: 44px;
background-color: transparent; background-color: transparent;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.left-box { .left-box {
width: 60px; width: 60px;
height: 44px; height: 44px;
background-color: transparent; background-color: transparent;
@ -716,9 +716,9 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
z-index: 10; z-index: 10;
} }
.title { .title {
flex: 1; flex: 1;
height: 44px; height: 44px;
font-size: 32rpx; font-size: 32rpx;
@ -729,33 +729,33 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.right-box { .right-box {
width: 60px; width: 60px;
height: 44px; height: 44px;
background-color: transparent; background-color: transparent;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.user-box { .user-box {
position: relative; position: relative;
margin: 24rpx 32rpx 0; margin: 24rpx 32rpx 0;
height: 120rpx; height: 120rpx;
z-index: 10; z-index: 10;
} }
.user-bg { .user-bg {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 120rpx; height: 120rpx;
} }
.user-info-box { .user-info-box {
position: absolute; position: absolute;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -767,49 +767,49 @@
width: 100%; width: 100%;
height: 120rpx; height: 120rpx;
z-index: 1; z-index: 1;
} }
.user-info { .user-info {
flex: 1; flex: 1;
} }
.user-avatar { .user-avatar {
width: 72rpx; width: 72rpx;
height: 72rpx; height: 72rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 20rpx; margin-right: 20rpx;
} }
.name-box { .name-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.phone-text { .phone-text {
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
margin-right: 12rpx; margin-right: 12rpx;
} }
.vip-logo { .vip-logo {
width: 60rpx; width: 60rpx;
height: 20rpx; height: 20rpx;
} }
.vip-end-time { .vip-end-time {
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #FFFFFF;
margin-top: 8rpx; margin-top: 8rpx;
} }
.open-vip-btn { .open-vip-btn {
height: 40rpx; height: 40rpx;
width: 116rpx; width: 116rpx;
} }
.notice-box { .notice-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -819,9 +819,9 @@
padding: 0 16rpx; padding: 0 16rpx;
height: 64rpx; height: 64rpx;
overflow: hidden; overflow: hidden;
} }
.sound-box { .sound-box {
height: 64rpx; height: 64rpx;
width: 50rpx; width: 50rpx;
display: flex; display: flex;
@ -829,35 +829,35 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
z-index: 10; z-index: 10;
} }
.notice-content-wrapper { .notice-content-wrapper {
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
overflow: hidden; overflow: hidden;
} }
.notice-inner { .notice-inner {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.notice-content { .notice-content {
font-size: 24rpx; font-size: 24rpx;
color: #767676; color: #767676;
} }
.group-box { .group-box {
margin: 16px; margin: 16px;
margin-bottom: 0; margin-bottom: 0;
} }
.title-img { .title-img {
width: 140rpx; width: 140rpx;
height: 44rpx; height: 44rpx;
} }
.video-help-box { .video-help-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -868,47 +868,47 @@
margin-top: 16rpx; margin-top: 16rpx;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 8rpx; padding-top: 8rpx;
} }
.video-help-item { .video-help-item {
margin-top: 16rpx; margin-top: 16rpx;
width: 25%; width: 25%;
text-align: center; text-align: center;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.video-help-img { .video-help-img {
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
} }
.video-help-title { .video-help-title {
font-size: 24rpx; font-size: 24rpx;
color: #1A1A1A; color: #1A1A1A;
text-align: center; text-align: center;
} }
.menu-box { .menu-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16rpx; margin-top: 16rpx;
} }
.item-box { .item-box {
position: relative; position: relative;
height: 156rpx; height: 156rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.menu-item { .menu-item {
display: flex; display: flex;
position: relative; position: relative;
flex-direction: row; flex-direction: row;
@ -918,47 +918,47 @@
border-radius: 16rpx; border-radius: 16rpx;
padding: 16rpx 32rpx; padding: 16rpx 32rpx;
height: 140rpx; height: 140rpx;
} }
.menu-item-name { .menu-item-name {
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
color: #000000; color: #000000;
} }
.name-img { .name-img {
height: 28rpx; height: 28rpx;
} }
.hot-icon { .hot-icon {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
z-index: 99; z-index: 99;
} }
.activity-box { .activity-box {
margin: 0 32rpx; margin: 0 32rpx;
} }
.footer-box { .footer-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 40rpx; margin-top: 40rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.vision-text { .vision-text {
font-size: 24rpx; font-size: 24rpx;
color: #767676; color: #767676;
} }
.ios-padding-bottom { .ios-padding-bottom {
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
</style> </style>

19
pages/message/list-index.vue
View File

@ -1,13 +1,17 @@
<template> <template>
<view> <view>
<MessageNavBar :phone="data.phone" :isScroll="data.isScroll"> <MessageNavBar :phone="data.phone" :isScroll="data.isScroll">
<view v-for="index in 100">{{ index }}</view> <!-- <view v-for="index in 100">{{ index }}</view> -->
<!-- <List :phone="data.phone"></List> -->
<MessageList></MessageList>
</MessageNavBar> </MessageNavBar>
</view> </view>
</template> </template>
<script setup> <script setup>
import MessageNavBar from '@/components/message/message-nav-bar.vue' import MessageNavBar from '@/components/message/message-nav-bar.vue'
import MessageList from '@/components/message/list.vue'
import { import {
ref, ref,
reactive reactive
@ -19,6 +23,7 @@ import {
import { import {
util util
} from '@/utils/common.js'; } from '@/utils/common.js';
import List from '@/components/call-log/list/list.vue';
const data = reactive({ const data = reactive({
navBar: { navBar: {
@ -29,6 +34,18 @@ const data = reactive({
isScroll: false isScroll: false
}) })
const options = [{
text: '取消',
style: {
backgroundColor: '#007aff'
}
}, {
text: '确认',
style: {
backgroundColor: '#dd524d'
}
}]
onLoad((options) => { onLoad((options) => {
if (options.phone) { if (options.phone) {
data.phone = options.phone data.phone = options.phone

4
pages/other/train-tickets/edit/edit.vue
View File

@ -87,6 +87,10 @@
<text class="label">火车名称</text> <text class="label">火车名称</text>
<input class="input" v-model="ticketsInfo.ticketInfo.trainName" /> <input class="input" v-model="ticketsInfo.ticketInfo.trainName" />
</view> </view>
<view v-if="app == 'fliggy'" class="form-item">
<text class="label">车票状态</text>
<input class="input" v-model="ticketsInfo.ticketInfo.status" />
</view>
</view> </view>
</view> </view>

1024
pages/other/train-tickets/fliggy-air-tickets/fliggy-air-tickets.vue
View File

File diff suppressed because it is too large Load Diff

27
pages/other/train-tickets/fliggy-train-tickets/fliggy-train-tickets.vue
View File

@ -43,14 +43,16 @@
<view class="codefun-flex-col section_4 codefun-mt-8"> <view class="codefun-flex-col section_4 codefun-mt-8">
<view class="codefun-flex-col group_5"> <view class="codefun-flex-col group_5">
<view class="codefun-flex-col section_5"> <view class="codefun-flex-col section_5">
<view class="codefun-flex-col codefun-self-stretch"> <view class="codefun-flex-row codefun-items-center codefun-justify-between">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch"> <view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<text class="font_1 text_8">检票口</text> <text class="font_1 text_8">检票口</text>
<text class="font_6 text_9 codefun-ml-8">{{ ticketsInfo.ticketInfo.gate <text class="font_6 text_9 codefun-ml-8">{{ ticketsInfo.ticketInfo.gate
}}检口</text> }}检口</text>
<uni-icons type="right" size="16" color="#979797"></uni-icons> <uni-icons type="right" size="16" color="#979797"></uni-icons>
</view> </view>
<text class="codefun-self-end font_2 text_10">{{ ticketsInfo.ticketInfo.status <text class="codefun-self-end font_2 text_10"
:style="{ color: ticketsInfo.ticketInfo.status == '正在检票' ? '#53ae66' : '#333' }">{{
ticketsInfo.ticketInfo.status
}}</text> }}</text>
</view> </view>
<text class="codefun-self-start text_11 mt-3">以上信息仅供参考，以车站公告为准</text> <text class="codefun-self-start text_11 mt-3">以上信息仅供参考，以车站公告为准</text>
@ -420,7 +422,7 @@ const showFristAndLastNumber = (str) => {
font-size: 30rpx; font-size: 30rpx;
line-height: 27.88rpx; line-height: 27.88rpx;
font-weight: 500; font-weight: 500;
color: #1a1a1a; color: #333;
} }
.text { .text {
@ -436,7 +438,7 @@ const showFristAndLastNumber = (str) => {
.text_2 { .text_2 {
margin-left: 27rpx; margin-left: 27rpx;
color: #1a1a1a; color: #333;
font-size: 48rpx; font-size: 48rpx;
font-weight: 500; font-weight: 500;
line-height: 44.44rpx; line-height: 44.44rpx;
@ -445,7 +447,7 @@ const showFristAndLastNumber = (str) => {
.font_2 { .font_2 {
font-size: 26rpx; font-size: 26rpx;
line-height: 22.34rpx; line-height: 22.34rpx;
color: #1a1a1a; color: #333;
} }
.text_3 { .text_3 {
@ -464,7 +466,7 @@ const showFristAndLastNumber = (str) => {
.font_12 { .font_12 {
font-size: 30rpx; font-size: 30rpx;
line-height: 30rpx; line-height: 30rpx;
color: #1a1a1a; color: #333;
} }
.text_4 { .text_4 {
@ -549,10 +551,9 @@ const showFristAndLastNumber = (str) => {
.text_10 { .text_10 {
margin-right: 8rpx; margin-right: 8rpx;
margin-top: -8.34rpx; margin-top: -8.34rpx;
color: #53ae66;
font-size: 24rpx; font-size: 24rpx;
font-weight: 800; font-weight: 500;
line-height: 22.28rpx; line-height: 24px;
} }
.text_11 { .text_11 {
@ -600,7 +601,7 @@ const showFristAndLastNumber = (str) => {
.font_10 { .font_10 {
font-size: 40rpx; font-size: 40rpx;
line-height: 30rpx; line-height: 30rpx;
color: #1a1a1a; color: #333;
} }
.text_44 { .text_44 {
@ -653,7 +654,7 @@ const showFristAndLastNumber = (str) => {
font-size: 26rpx; font-size: 26rpx;
line-height: 30rpx; line-height: 30rpx;
font-weight: 500; font-weight: 500;
color: #1a1a1a; color: #333;
} }
.image_8 { .image_8 {
@ -682,7 +683,7 @@ const showFristAndLastNumber = (str) => {
.font_3 { .font_3 {
font-size: 30rpx; font-size: 30rpx;
line-height: 26.38rpx; line-height: 26.38rpx;
color: #1a1a1a; color: #333;
} }
.text-wrapper_3 { .text-wrapper_3 {
@ -695,7 +696,7 @@ const showFristAndLastNumber = (str) => {
.font_12 { .font_12 {
font-size: 30rpx; font-size: 30rpx;
line-height: 30rpx; line-height: 30rpx;
color: #1a1a1a; color: #333;
} }
.text_22 { .text_22 {

BIN
static/image/other/air-tickets/fliggy-air/spring-festival-banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/image/other/train-tickets/12306-tickets/bottom-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 398 KiB

After

Width:  |  Height:  |  Size: 842 KiB

0
static/image/phone-message/ios/back.png → static/image/phone-message/iphone/back.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 971 B

After

Width:  |  Height:  |  Size: 971 B

BIN
static/image/phone-message/iphone/default.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
static/image/phone-message/iphone/delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

0
static/image/phone-message/ios/edit.png → static/image/phone-message/iphone/edit.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
static/image/phone-message/ios/mic.png → static/image/phone-message/iphone/mic.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

0
static/image/phone-message/ios/more.png → static/image/phone-message/iphone/more.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/image/phone-message/iphone/mute.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
static/image/phone-message/iphone/notice.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

0
static/image/phone-message/ios/search.png → static/image/phone-message/iphone/search.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB