You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Sports/pages/user/notice/notice.vue

121 lines
2.5 KiB

<template>
<view>
<image style="width: 100%; height: 247rpx;" src="@/static/bg (2).png"></image>
<view class="custom-navigation-bar">
<view class="left-button" @click="handleBack">
<uni-icons type="left" color="#fff" size="30"></uni-icons>
</view>
<view class="title">
{{ title }}
</view>
</view>
<view class="" v-for="(item,index) in 10" style="margin: 24rpx;">
<!-- <uni-list-chat title="uni-app" clickable @click="detail()" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat> -->
<view class="xiaoxbox" @click="detail()" >
<view class="yuandian"></view>
<view class="xiaoxbox1">
<image class="xiaoxboximg" src="@/static/tongzhi.png" mode=""></image>
<view class="">
<view class="xiaoxboxtext">尊敬的选手您好,您申请的800米赛事退费事...</view>
<view class="xiaoxboxtext1">2024-03-27</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: '通知'
}
},
methods: {
detail(){
uni.navigateTo({
url: "/pages/user/notice/detail/detail"
})
},
handleBack() {
// uni.navigateBack({ delta: 2 })
// console.log(1344444);
uni.switchTab({
url: "/pages/user/index"
})
},
toPage() {
console.log(1111232)
uni.navigateTo({
url: "/pages/user/index"
})
},
}
}
</script>
<style lang="scss">
.yuandian{
width: 14rpx;
height: 14rpx;
background: #CA151F;
border-radius: 50%;
border: 2px solid #FFFFFF;
position: relative;
top: 36rpx;
z-index: 99;
left: 64rpx;
}
.xiaoxboxtext{
font-family: PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #222222;
margin-top: 15rpx;
}
.xiaoxboxtext1{
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #999999;
}
.xiaoxbox{
width: 702rpx;
height: 120rpx;
background: #FFFFFF;
border-radius: 20rpx;
}
.xiaoxbox1{
display: flex;
}
.xiaoxboximg{
width: 60rpx;
height: 60rpx;
margin: 16rpx 24rpx;
}
.custom-navigation-bar {
display: flex;
align-items: center;
justify-content: space-between;
height:220rpx;
/* #ifdef MP-WEIXIN */
margin-top: -230rpx;
/* #endif */
}
.left-button,
.right-button {
padding: 0 12px;
}
.title {
flex: 1;
// text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
}
</style>