Browse Source

统一提交按钮样式;议题、项目、党群1+1列表样式优化;

feature/optimise
ZhaoTongYao 5 years ago
parent
commit
0e7c6e28ad
  1. BIN
      images/mine/submit-bk.png
  2. BIN
      images/wyss-bk.png
  3. 10
      pages/complete/components/personalInfo/personalInfo.wxml
  4. 28
      pages/complete/components/personalInfo/personalInfo.wxss
  5. 2
      pages/discussion/components/issueItem/issueItem.wxss
  6. 2
      pages/discussion/components/projectItem/projectItem.wxss
  7. 10
      pages/mine/mine.wxml
  8. 20
      pages/mine/mine.wxss
  9. BIN
      subpages/associationNew/images/submit-bk.png
  10. 5
      subpages/associationNew/pages/addTopic/addTopic.wxml
  11. 20
      subpages/associationNew/pages/addTopic/addTopic.wxss
  12. 3
      subpages/associationNew/pages/eventlist/eventlist.wxss
  13. BIN
      subpages/discussion/images/submit-bk.png
  14. 5
      subpages/discussion/pages/addIssue/addIssue.wxml
  15. 21
      subpages/discussion/pages/addIssue/addIssue.wxss
  16. 5
      subpages/discussion/pages/remarkOrReply/remarkOrReply.wxml
  17. 20
      subpages/discussion/pages/remarkOrReply/remarkOrReply.wxss
  18. 4
      subpages/heart/pages/myApply/myApply.wxss
  19. 10
      subpages/heart/pages/volunteer/volunteer.wxml
  20. 30
      subpages/heart/pages/volunteer/volunteer.wxss

BIN
images/mine/submit-bk.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
images/wyss-bk.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 953 B

10
pages/complete/components/personalInfo/personalInfo.wxml

@ -89,10 +89,16 @@
<view class="note">*请填写您的真实信息,我们会严格保密,请您放心</view> <view class="note">*请填写您的真实信息,我们会严格保密,请您放心</view>
<view class="submit-button" wx:if="{{unionIdStatus === '1'}}"> <view class="submit-button" wx:if="{{unionIdStatus === '1'}}">
<button bindtap="submitPersonalInfo" hover-class="hover-submit" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">提交</button> <button bindtap="submitPersonalInfo" hover-class="hover-submit" disabled="{{lock}}">
<image src="../../../../images/mine/submit-bk.png" />
<text >提交</text>
</button>
</view> </view>
<view class="submit-button" wx:if="{{unionIdStatus === '0'}}"> <view class="submit-button" wx:if="{{unionIdStatus === '0'}}">
<button hover-class="hover-submit" open-type="getUserInfo" bindgetuserinfo="getUserInfo" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">提交</button> <button hover-class="hover-submit" open-type="getUserInfo" bindgetuserinfo="getUserInfo" disabled="{{lock}}">
<image src="../../../../images/mine/submit-bk.png" />
<text >提交</text>
</button>
</view> </view>
</view> </view>

28
pages/complete/components/personalInfo/personalInfo.wxss

@ -73,12 +73,12 @@
} }
.basic-info .list-item .right .get-code { .basic-info .list-item .right .get-code {
padding: 0 15rpx; padding: 0 15rpx;
height: 60rpx; height: 50rpx;
line-height: 60rpx; line-height: 50rpx;
background: linear-gradient(to right, #F40C0C, #FF4E4E); background: linear-gradient(to right, #db1a1f, #e95027);
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
border-radius: 6rpx; border-radius: 50rpx;
margin: 0; margin: 0;
margin-left: 25rpx; margin-left: 25rpx;
} }
@ -204,7 +204,7 @@
margin: 30rpx 0 65rpx; margin: 30rpx 0 65rpx;
} }
.submit-button button { .submit-button button {
height: 84rpx; height: 100rpx;
line-height: 84rpx; line-height: 84rpx;
width: 560rpx; width: 560rpx;
padding: 0; padding: 0;
@ -212,8 +212,22 @@
color: #fff; color: #fff;
font-size: 33rpx; font-size: 33rpx;
border-radius: 16rpx; border-radius: 16rpx;
background: linear-gradient(to right, #F40C0C, #FF4E4E); /* background: linear-gradient(to right, #F40C0C, #FF4E4E); */
background-color: transparent;
} }
.submit-button .hover-submit { .submit-button .hover-submit {
background: rgb(175, 1, 1); /* background: rgb(175, 1, 1); */
}
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
button::after {
border: none;
} }

2
pages/discussion/components/issueItem/issueItem.wxss

@ -49,7 +49,7 @@
.issue-item .content { .issue-item .content {
color: #333; color: #333;
font-size: 36rpx; font-size: 34rpx;
line-height: 52rpx; line-height: 52rpx;
margin-top: 27rpx; margin-top: 27rpx;
display: -webkit-box; display: -webkit-box;

2
pages/discussion/components/projectItem/projectItem.wxss

@ -58,7 +58,7 @@
} }
.project-item .content { .project-item .content {
color: #333; color: #333;
font-size: 36rpx; font-size: 32rpx;
line-height: 52rpx; line-height: 52rpx;
margin-top: 27rpx; margin-top: 27rpx;
display: -webkit-box; display: -webkit-box;

10
pages/mine/mine.wxml

@ -84,7 +84,10 @@
<view class="tip">您还未发布议题,快点击我有事说发布吧</view> <view class="tip">您还未发布议题,快点击我有事说发布吧</view>
<view class="add-issue"> <view class="add-issue">
<image class="issue-trigger" src="../../images/mine/issue-trigger.png" /> <image class="issue-trigger" src="../../images/mine/issue-trigger.png" />
<button hover-class="hover-add-issue" bindtap="addIssue">我有事说</button> <button hover-class="hover-add-issue" bindtap="addIssue">
<image src="../../images/wyss-bk.png" />
<text >我有事说</text>
</button>
</view> </view>
</view> </view>
</view> </view>
@ -103,7 +106,10 @@
<view class="tip">快来点击“我有事说”发布吧</view> <view class="tip">快来点击“我有事说”发布吧</view>
<view class="add-issue"> <view class="add-issue">
<image class="issue-trigger" src="../../images/mine/issue-trigger.png" /> <image class="issue-trigger" src="../../images/mine/issue-trigger.png" />
<button hover-class="hover-add-issue" bindtap="addIssue">我有事说</button> <button hover-class="hover-add-issue" bindtap="addIssue">
<image src="../../images/wyss-bk.png" />
<text >我有事说</text>
</button>
</view> </view>
</view> </view>
</view> </view>

20
pages/mine/mine.wxss

@ -282,13 +282,24 @@ page {
border: 0; border: 0;
color: #fff; color: #fff;
font-size: 22rpx; font-size: 22rpx;
background: linear-gradient(to right, #C81408, #f51111); /* background: linear-gradient(to right, #C81408, #f51111); */
background-color: transparent;
}
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
} }
.issue-list .issue-nodata .add-issue button::after { .issue-list .issue-nodata .add-issue button::after {
border: 0; border: 0;
} }
.issue-list .issue-nodata .add-issue .hover-add-issue { .issue-list .issue-nodata .add-issue .hover-add-issue {
background: red; /* background: red; */
} }
.project-list { .project-list {
@ -341,13 +352,14 @@ page {
border: 0; border: 0;
color: #fff; color: #fff;
font-size: 22rpx; font-size: 22rpx;
background: linear-gradient(to right, #C81408, #f51111); /* background: linear-gradient(to right, #C81408, #f51111); */
background-color: transparent;
} }
.project-list .project-nodata .add-issue button::after { .project-list .project-nodata .add-issue button::after {
border: 0; border: 0;
} }
.project-list .project-nodata .add-issue .hover-add-issue { .project-list .project-nodata .add-issue .hover-add-issue {
background: red; /* background: red; */
} }
.topic-list { .topic-list {

BIN
subpages/associationNew/images/submit-bk.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

5
subpages/associationNew/pages/addTopic/addTopic.wxml

@ -24,7 +24,10 @@
</view> </view>
</view> </view>
<view class="topic-button"> <view class="topic-button">
<button bindtap="addTopic" type="default" size="defaultSize" hover-class="hover-button" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">发起话题</button> <button bindtap="addTopic" type="default" size="defaultSize" hover-class="hover-button" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >发起话题</text>
</button>
</view> </view>
</view> </view>

20
subpages/associationNew/pages/addTopic/addTopic.wxss

@ -125,16 +125,30 @@ page {
} }
.add-topic .topic-button button { .add-topic .topic-button button {
width: 560rpx; width: 560rpx;
height: 85rpx; height: 100rpx;
line-height: 85rpx; line-height: 85rpx;
text-align:center; text-align:center;
color: #fff; color: #fff;
font-size: 36rpx; font-size: 36rpx;
border-radius: 16rpx; border-radius: 16rpx;
background: linear-gradient(to right, #F40C0C, #FF4E4E) /* background: linear-gradient(to right, #F40C0C, #FF4E4E) */
background-color: transparent;
} }
.add-topic .topic-button .hover-button { .add-topic .topic-button .hover-button {
background: red; /* background: red; */
}
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
button::after {
border: none;
} }
.wux-actionsheet__button { .wux-actionsheet__button {

3
subpages/associationNew/pages/eventlist/eventlist.wxss

@ -59,7 +59,8 @@ page {
.details-info { .details-info {
/* width: calc(100% - 58rpx); */ /* width: calc(100% - 58rpx); */
font-size: 32rpx; font-size: 34rpx;
line-height: 52rpx;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
word-break: break-all; word-break: break-all;
margin-top: 10rpx; margin-top: 10rpx;

BIN
subpages/discussion/images/submit-bk.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

5
subpages/discussion/pages/addIssue/addIssue.wxml

@ -47,7 +47,10 @@
</view> </view>
<view class="publish-issue"> <view class="publish-issue">
<button hover-class="hover-publish" bindtap="throttlePublisgIssue" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">发布</button> <button hover-class="hover-publish" bindtap="throttlePublisgIssue" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >发布</text>
</button>
</view> </view>
</view> </view>

21
subpages/discussion/pages/addIssue/addIssue.wxss

@ -1,6 +1,7 @@
page { page {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: #f7f7f7;
} }
.add-issue { .add-issue {
@ -142,20 +143,34 @@ page {
.add-issue .publish-issue button { .add-issue .publish-issue button {
width: 560rpx; width: 560rpx;
height: 84rpx; height: 100rpx;
line-height: 84rpx; line-height: 84rpx;
text-align: center; text-align: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
outline: 0; outline: 0;
background: linear-gradient(to right, #f40f0f, #ff4c4c); /* background: linear-gradient(to right, #f40f0f, #ff4c4c); */
background-color: transparent;
color: #fff; color: #fff;
font-size: 36rpx; font-size: 36rpx;
border-radius: 16rpx; border-radius: 16rpx;
} }
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
button::after {
border: none;
}
.add-issue .publish-issue .hover-publish { .add-issue .publish-issue .hover-publish {
background: red; /* background: red; */
} }
.wux-actionsheet__button { .wux-actionsheet__button {

5
subpages/discussion/pages/remarkOrReply/remarkOrReply.wxml

@ -12,6 +12,9 @@
</view> </view>
</view> </view>
<view class="reply-btn"> <view class="reply-btn">
<button hover-class="hover-button" bindtap="remarkOrReply" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">发布</button> <button hover-class="hover-button" bindtap="remarkOrReply" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >发布</text>
</button>
</view> </view>
</view> </view>

20
subpages/discussion/pages/remarkOrReply/remarkOrReply.wxss

@ -47,7 +47,7 @@ page {
} }
.reply-btn button { .reply-btn button {
width: 560rpx; width: 560rpx;
height: 84rpx; height: 100rpx;
line-height: 84rpx; line-height: 84rpx;
text-align: center; text-align: center;
color: #fff; color: #fff;
@ -55,8 +55,22 @@ page {
padding: 0; padding: 0;
outline: 0; outline: 0;
border-radius: 16rpx; border-radius: 16rpx;
background: linear-gradient(to right, #f40f0f, #ff4c4c); /* background: linear-gradient(to right, #f40f0f, #ff4c4c); */
background-color: transparent;
} }
.reply-btn .hover-button { .reply-btn .hover-button {
background:red; /* background:red; */
}
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
button::after {
border: none;
} }

4
subpages/heart/pages/myApply/myApply.wxss

@ -39,7 +39,7 @@ page {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin-bottom: 28rpx; margin-bottom: 26rpx;
} }
.apply-list .apply-item .item-content { .apply-list .apply-item .item-content {
width: 100%; width: 100%;
@ -47,7 +47,7 @@ page {
line-height: 44rpx; line-height: 44rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 400;
color: #666666; color: #666666;
} }
.apply-list .apply-item .text-content { .apply-list .apply-item .text-content {

10
subpages/heart/pages/volunteer/volunteer.wxml

@ -156,11 +156,17 @@
</view> --> </view> -->
<view class="submit-btn" wx:if="{{unionIdStatus === '1'}}"> <view class="submit-btn" wx:if="{{unionIdStatus === '1'}}">
<button hover-class="hover-button" bindtap="submission" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">提交认证</button> <button hover-class="hover-button" bindtap="submission" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >提交认证</text>
</button>
</view> </view>
<view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}"> <view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}">
<button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo" style="{{lock?'background:grey;':''}}" disabled="{{lock}}">提交认证</button> <button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >提交认证</text>
</button>
</view> </view>
</view> </view>

30
subpages/heart/pages/volunteer/volunteer.wxss

@ -197,9 +197,10 @@ textarea {
} }
.submit-btn button { .submit-btn button {
background: linear-gradient(to right, #f51010, #ff4c4c); /* background: linear-gradient(to right, #f51010, #ff4c4c); */
background-color: transparent;
width: 560rpx; width: 560rpx;
height: 85rpx; height: 100rpx;
border-radius: 16rpx; border-radius: 16rpx;
line-height: 85rpx; line-height: 85rpx;
font-size: 36rpx; font-size: 36rpx;
@ -209,12 +210,23 @@ textarea {
padding: 0; padding: 0;
outline: 0; outline: 0;
} }
button image {
width: 100%;
height: 100%;
}
button text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
button::after {
border: none;
}
.submit-btn .hover-button { .submit-btn .hover-button {
background: red;
} }
.basic-info { .basic-info {
width: 100%; width: 100%;
background: #fff; background: #fff;
@ -283,12 +295,12 @@ textarea {
.basic-info .list-item .right .get-code { .basic-info .list-item .right .get-code {
padding: 0 15rpx; padding: 0 15rpx;
height: 60rpx; height: 50rpx;
line-height: 60rpx; line-height: 50rpx;
background: linear-gradient(to right, #F40C0C, #FF4E4E); background: linear-gradient(to right, #db1a1f, #e95027);
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
border-radius: 6rpx; border-radius: 50rpx;
margin: 0; margin: 0;
margin-left: 25rpx; margin-left: 25rpx;
} }

Loading…
Cancel
Save