'X'
This commit is contained in:
parent
7f6a75fbe5
commit
42f6344ede
7
App.vue
7
App.vue
|
|
@ -12,6 +12,11 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="scss">
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
|
uni-page-body {
|
||||||
|
height: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
background-color: $uni-bg-color;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
<template>
|
||||||
|
<view class="item">
|
||||||
|
<view class="content">{{label}}</view>
|
||||||
|
<view class="opear">
|
||||||
|
<slot><u-input v-model="valueModel" type="text" class="input-c"/></slot>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'listitem',
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
itemIcon: {
|
||||||
|
type: String
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
valueModel: {
|
||||||
|
get () {
|
||||||
|
return this.value
|
||||||
|
},
|
||||||
|
set (val) {
|
||||||
|
this.$emit('update:value', val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 30rpx 0 29rpx;
|
||||||
|
|
||||||
|
& .input-c /deep/ input {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
& .input-c /deep/ .input-placeholder {
|
||||||
|
color: #757896 !important;
|
||||||
|
}
|
||||||
|
& .content {
|
||||||
|
width: 200rpx;
|
||||||
|
height: 33rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 33rpx;
|
||||||
|
}
|
||||||
|
& .opear {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
12
pages.json
12
pages.json
|
|
@ -8,6 +8,18 @@
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/csubstation/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "分站搭建"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/csubstation/edit",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "分站搭建"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
<template>
|
||||||
|
<view class="box">
|
||||||
|
<view class="tip">
|
||||||
|
可用字母，数字建议为2-5字，不能有标点符号（尽量简短，便于推广宣传）
|
||||||
|
</view>
|
||||||
|
<list-item class="item" label="管理员账号" v-model="adminacount"></list-item>
|
||||||
|
<list-item class="item" label="管理员密码" v-model="adminacount"></list-item>
|
||||||
|
<list-item class="item" label="绑定QQ" v-model="adminacount"></list-item>
|
||||||
|
<list-item class="item" label="网站名称" v-model="adminacount"></list-item>
|
||||||
|
<button class="confim">页面主操作 Loading</button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import listItem from '../../components/listitem/listItem.vue'
|
||||||
|
export default {
|
||||||
|
name: 'cosEdit',
|
||||||
|
components: {
|
||||||
|
listItem
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
adminacount: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.box {
|
||||||
|
padding: 20px 20px 0 20px;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 40px;
|
||||||
|
& .tip {
|
||||||
|
margin: 16px 0 30px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
color: #C1C4E3;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
& .item{
|
||||||
|
border-top: 1rpx solid #3A4361;
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: 1rpx solid #3A4361;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& .confim {
|
||||||
|
margin-top: 150rpx;
|
||||||
|
height: 90px;
|
||||||
|
background: linear-gradient(102deg, #F4D8AB 0%, #EF6F5F 0%, #CD9C78 100%, #FB2636 100%);
|
||||||
|
border-radius: 45px;
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<template>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
|
|
@ -16,6 +16,15 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
|
<u-popup v-model="show" mode="center" border-radius="10" length="40%" class="popup-center">
|
||||||
|
<view class="content">本次兑换将扣除您9元余额是否确认交易</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<view>否</view>
|
||||||
|
<view>是</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-button @click="showModal">弹起Modal</u-button>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -35,7 +44,17 @@
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
confirm() {
|
||||||
|
setTimeout(() => {
|
||||||
|
// 3秒后自动关闭
|
||||||
|
// 如果不想关闭，而单是清除loading状态，需要通过ref手动调用方法
|
||||||
|
this.$refs.uModal.clearLoading();
|
||||||
|
this.show = false
|
||||||
|
}, 3000)
|
||||||
|
},
|
||||||
|
showModal () {
|
||||||
|
this.show = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -64,4 +83,31 @@
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #8f8f94;
|
color: #8f8f94;
|
||||||
}
|
}
|
||||||
|
.dialog /deep/ .u-mode-center-box {
|
||||||
|
background-color: #2B3062;
|
||||||
|
}
|
||||||
|
.dialog /deep/ .u-model {
|
||||||
|
background-color: #2B3062;
|
||||||
|
}
|
||||||
|
.dialogtxt {
|
||||||
|
width: 359px;
|
||||||
|
height: 84px;
|
||||||
|
font-size: 30px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 42px;
|
||||||
|
}
|
||||||
|
.popup-center /deep/ .u-mode-center-box {
|
||||||
|
background-color: #2B3062;
|
||||||
|
& .content {
|
||||||
|
text-align: center;
|
||||||
|
height: 84px;
|
||||||
|
font-size: 30px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 42px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue