提交代码

This commit is contained in:
2024-04-11 18:54:43 +08:00
parent e37d0e4112
commit 01ea333978
21 changed files with 538 additions and 287 deletions

View File

@ -1,5 +1,5 @@
<template>
<view class="person_page pagepaddings font13">
<template>
<view class="person_page page_padding font13">
<view class="person_dataA contentboxsty">
<view class="content_box logo_box">
<view class="data_name">头像</view>
@ -53,19 +53,19 @@
<view class="data_name">清除缓存</view>
<view class=""></view>
</view>
</view>
</view>
</template>
</view>
</view>
</template>
<script>
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
export default {
data() {
return {
avatarUrl:defaultAvatarUrl
}
},
export default {
data() {
return {
avatarUrl:defaultAvatarUrl
}
},
methods: {
onChooseAvatar(e) {
@ -75,16 +75,16 @@
})
this.avatarUrl = e.detail.avatarUrl
},
//跳转更改手机号页面
//跳转更改手机号页面
toChangPhone(){
uni.navigateTo({
url: '/pages/person/changePhone'
})
}
}
}
</script>
}
}
}
</script>
<style lang="scss" >
.person_page{
.person_dataA{
@ -104,5 +104,5 @@
.data_name{flex: 1;}
}
</style>
</style>

View File

@ -1,6 +1,6 @@
<template>
<!-- 设备报警 -->
<view class="pagepaddings">
<!-- 设备报警 -->
<view class="page_padding">
<view class="content_layout" @click="cancelLongpress">
<view class="item_layout" v-for="(item, index) in list" :key="index">
<view :class="islongpress?'longpress_style':''" @longpress="longpress" @click="deleteAlarm">
@ -11,25 +11,23 @@
<text>{{item.time}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
</view>
</view>
</template>
<script>
export default {
data() {
return {
islongpress:false,
list:[
{name:'周边侵入警报',time:'2023-09-01',url:'../../static/logo.png'},
{name:'周边侵入警报',time:'2023-09-01',url:'../../static/logo.png'},
{name:'周边侵入警报',time:'2023-09-01',url:'../../static/logo.png'},
]
}
},
methods: {
]
}
},
methods: {
longpress(){
console.log('长按事件')
this.islongpress = true
@ -43,13 +41,13 @@
if(this.islongpress){
console.log('删除')
}
},
}
}
</script>
},
}
}
</script>
<style>
/* .content_layout{display: flex;flex-flow: wrap;}
/* .content_layout{display: flex;flex-flow: wrap;}
.item_layout{width: 50%;} */
.content_layout{
display: grid;
@ -57,6 +55,6 @@
grid-gap: 10px; /* 可选的间距 */
}
.img_style{height: 110px;width: 100%;}
.longpress_style{background-color: #000;
opacity: 0.2;}
</style>
.longpress_style{background-color: #000;
opacity: 0.2;}
</style>

View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings font13">
<template>
<view class="page_padding font13">
<view class="phone_page contentboxsty">
<view class="content_row">
<input placeholder="请输入要更换的手机号码" />
@ -8,25 +8,25 @@
<input placeholder="请输入短信验证码" />
<view class="theme_color">获取验证码</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.phone_page{padding: 0 12px;}
.phone_page{padding: 0 12px;}
.content_row{display: flex;height: 49px;align-items: center;border-bottom: 1px solid #2D3A6F;}
.content_row input{flex: 1;}
</style>
.content_row input{flex: 1;}
</style>

View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings">
<template>
<view class="page_padding">
<!-- <checkbox-group @change="checkboxChange">
<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">
<view>
@ -38,12 +38,12 @@
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
</view>
</template>
<script>
export default {
data() {
return {
items: [{
value: 'USA',
@ -70,7 +70,7 @@
value: 'FRA',
name: '法国'
}
],
],
list:[
{name:'首页',checked:true,id:1,child:[{
id: 2,
@ -100,9 +100,9 @@
// ],
// }
],
arr:[]
}
},
arr:[]
}
},
methods: {
checkboxChange: function (e) {
var items = this.items,
@ -130,17 +130,17 @@
// }
// }
// console.log(items)
},
},
selectPath(e,item){
console.log(e,item,222)
},
}
}
</script>
},
}
}
</script>
<style>
.contentboxsty{padding: 14px 12px;margin-bottom: 12px;}
.list_name{display: flex;align-items: center;padding-bottom: 7px;border-bottom: 1px solid #2D3A6F;}
.contentboxsty{padding: 14px 12px;margin-bottom: 12px;}
.list_name{display: flex;align-items: center;padding-bottom: 7px;border-bottom: 1px solid #2D3A6F;}
.content_name{padding:8px 0 ;display: flex;align-items: center;}
.content_item{display: flex;align-items: center;flex-wrap: wrap;}
.content_data{padding: 4px 15px 4px 0;display: flex;align-items: center;}
@ -155,4 +155,4 @@ checkbox.checkbox-backgroun-yellow.checked .uni-checkbox-input{
</style>

View File

@ -1,6 +1,6 @@
<template>
<!-- 安全事故 -->
<view class="pagepaddings">
<!-- 安全事故 -->
<view class="page_padding">
<view class="contentboxsty font13" v-for="(item, index) in list" :key="index">
<view class="name font_bold font14">
{{item.name}}
@ -16,28 +16,28 @@
事件描述事件描述事件描述事件描述事件描述事件描述
事件描述事件描述事件描述事件描述事件描述事件描述
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
</view>
</view>
</template>
<script>
export default {
data() {
return {
list:[
{name:'设备一',url:'../../static/logo.png'},
{name:'设备一',url:'../../static/logo.png'},
]
}
},
methods: {
}
}
</script>
]
}
},
methods: {
}
}
</script>
<style>
.contentboxsty{padding: 14px 12px;margin-bottom: 12px;}
.img_style{padding: 12px 0 14px 0;}
</style>
.img_style{padding: 12px 0 14px 0;}
</style>