提交 4102167b 编写于 作者: 芊里

组件样式修改

上级 55ff88a9
<template>
<uni-popup ref="actionSheet" type="bottom">
<view class="flex w-750 action-sheet-box bg-white">
<view class="flex flex-row flex-nowrap align-center justify-center auth-item" @click="clickItem(item)"
<view class="action-sheet-box">
<view class="auth-wrap auth-item" @click="clickItem(item)"
hover-class="hover" v-for="(item, index) in providerList" :key="index">
<image :src="item.image" class="login-logo"></image>
<text class="px-1 font-28">{{providerName[item.value]}}</text>
<text class="auth-text">{{providerName[item.value]}}</text>
</view>
<view class="cancel-line"></view>
<view class="flex flex-row flex-nowrap align-center justify-center cancel-item" @click="clickItem(item)">
<text class="font-28">取消</text>
<view class="auth-wrap cancel-item" @click="clickItem(item)">
<text class="auth-text">取消</text>
</view>
</view>
</uni-popup>
......@@ -88,19 +88,32 @@
}
</script>
<style>
@import url("../../common/myStyle.css");
<style scoped>
.action-sheet-box {
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
border-top-right-radius: 20rpx;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
width: 750rpx;
background-color: #fff;
}
.login-logo {
width: 42rpx;
height: 42rpx;
}
.auth-wrap{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.auth-item {
border-bottom-width: 1px;
border-bottom-color: #F1F1F1;
......@@ -115,5 +128,9 @@
width: 750rpx;
height: 10rpx;
background-color: #F1F1F1;
}
.auth-text{
padding: 0 10rpx;
font-size: 28rpx;
}
</style>
<template>
<view class="flex flex-row flex-wrap">
<text class="text-sub font-26" v-for="(t, i) in innerText" :key="i" :class="t.to?'link-color':''"
<view class="login-iknow-wrap">
<text class="text-sub" v-for="(t, i) in innerText" :key="i" :class="t.to?'link-color':''"
@click="clickLink(t)">{{t.text || t}}</text>
</view>
</template>
......@@ -69,9 +69,18 @@
}
</script>
<style>
@import url("../../common/myStyle.css");
<style scoped>
.login-iknow-wrap{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
flex-wrap: wrap;
}
.text-sub{
color: #8a8f8b;
font-size: 26rpx;
}
.link-color {
color: #04498c;
}
......
<template>
<view class="flex justify-center align-center short-code-btn" hover-class="hover" @click="clickBtn">
<text class="font-28">{{innerText}}</text>
<view class="short-code-btn" hover-class="hover" @click="clickBtn">
<text class="inner-text" :class="reverseNumber==0?'inner-text-active':''">{{innerText}}</text>
</view>
</template>
......@@ -70,11 +70,20 @@
}
</script>
<style>
@import url("../../common/myStyle.css");
<style scoped>
.short-code-btn {
width: 200rpx;
height: 85rpx;
height: 85rpx;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
justify-content: center;
align-items: center;
}
.inner-text{
font-size: 28rpx;
}
.inner-text-active{
color: #007aff;
}
</style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册