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

组件样式修改

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