Parcourir la source

智慧养老水查查小程序:修改首页样式,主要改变图片

wangfen il y a 4 ans
Parent
commit
22fa1e6fdd

+ 6 - 4
shuichacha-for-TJ/components/dashboard/dashboard.wxml

@@ -4,11 +4,13 @@
     <view class="content">
       <view class="count" style="height: 100%">
         <view class="textFlag">
-          <image src="/static/img/icon-code.png" role="img"></image>
+          <image src="/static/img/img_shuidi.png" role="img"></image>
           <text class="textcurrentMonth">本月用水</text>        
         </view>
-        <view class="number">{{userInfo.intNum || 0}}<text>.{{userInfo.floatNum}}t</text></view>      
+        <view class="number">{{userInfo.intNum || 0}}<text>.{{userInfo.floatNum}}t</text></view> 
+        <image class="imgbackground"  src="/static/img/bg_benyueyongshui1.png"></image>     
       </view>
+     
       <!-- <view class="item" wx:for="{{userInfo.laddertype? waterStages : [waterStages[0]]}}" wx:key="index"
         style="background-color: {{item.background}}">
         <view class="icon" style="background-color: {{item.color}}"></view>
@@ -16,8 +18,8 @@
       </view> -->
     </view>
     <view class="wave-wrap">
-      <view class="wave-inner" style="height: {{userInfo.percentage}}%; {{userInfo.style.linear}}">
-        <image wx:if="{{userInfo.percentage > 30}}" class="bubble" src="/static/img/bg_blister.png"></image>
+      <view class="wave-inner" style="height: {{userInfo.percentage}}%;">
+        <image wx:if="{{userInfo.percentage > 30}}" class="bubble" src="/static/img/bg_blister2.png"></image>
         <view wx:if="{{userInfo.percentage < 100 && userInfo.percentage > 0}}" class="after"></view>
         <view  wx:if="{{userInfo.percentage < 100 && userInfo.percentage > 0}}" class="before"></view>
       </view>

+ 21 - 9
shuichacha-for-TJ/components/dashboard/dashboard.wxss

@@ -21,11 +21,12 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  justify-content: center;
+  /* justify-content: center; */
   background: rgba(255, 255, 255, 1);
   border-radius: 12rpx;
   padding: 0 24rpx;
   overflow: hidden;
+  position: relative;
 }
 
 .dashboard .content .count .number {
@@ -33,6 +34,7 @@
   font-weight: bold;
   color: rgba(66, 70, 86, 0.7);
   line-height: 96rpx;
+  align-self: flex-start;
 }
 
 .dashboard .content .count .number text {
@@ -166,7 +168,8 @@
   position: absolute;
   bottom: 0;
   background-color: rgb(118, 218, 255);
-  background: linear-gradient(360deg, #59B7FF 0%, #0091FF 80%, #59B7FF 100%);
+  /* background: linear-gradient(360deg, #59B7FF 0%, #0091FF 80%, #59B7FF 100%); */
+  background: linear-gradient(360deg, #59B7FF 0%, #0091FF 100%);
 }
 
 .wave-wrap .wave-inner .bubble {
@@ -176,8 +179,8 @@
   top: -5rpx;
   left: 0;
   animation-name: translate;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
+  /* animation-iteration-count: infinite;
+  animation-timing-function: linear; */
   animation-duration: 4s;
 }
 
@@ -209,23 +212,32 @@
   width: 100%;
   display: inline-flex;
   padding: 28rpx 0;
-  text-align: center;
+  margin-top: 10rpx;
+  /* text-align: center; */
   flex-direction: row;
   justify-content: left;
 }
 .textFlag image{
-  width: 80rpx;
-  height: 80rpx;
+  width: 60rpx;
+  height: 60rpx;
   display: block;
   margin-left: 1rpx;
-  margin-bottom: 18rpx;
+  margin-bottom: 16rpx;
   flex-shrink: 0;
 }
 .textFlag .textcurrentMonth{
   align-items: center;
-  margin-top: 15rpx;
+  margin-top: 10rpx;
   margin-left: 15rpx;
 }
+.imgbackground{
+  width: 288rpx;
+  height: 120rpx;
+  margin-bottom: 6rpx;
+  position: absolute;
+  bottom: 0rpx;
+  
+}
 @keyframes rotate {
   0% {
     transform: translate(-50%, 0) rotateZ(0deg);

+ 1 - 1
shuichacha-for-TJ/pages/index/index.js

@@ -27,7 +27,7 @@ Page({
     }, {
       id: 'customermanage',
       label: '户号管理',
-      icon: '/static/img/icon_customer_manage.png',
+      icon: '/static/img/btn_hubiao.png',
       sonlabel:'绑定户号'
     }],
     weixinLogin: false,

BIN
shuichacha-for-TJ/static/img/bg_benyueyongshui1.png


BIN
shuichacha-for-TJ/static/img/bg_blister2.png


BIN
shuichacha-for-TJ/static/img/btn_hubiao.png


BIN
shuichacha-for-TJ/static/img/img_shuidi.png


BIN
shuichacha-for-TJ/static/img/img_shuidi1.png


+ 2 - 1
shuichacha-for-TJ/utils/http.js

@@ -1,6 +1,7 @@
 // 本地环境
 // const $perfix = 'http://localhost:8090';
-const $perfix = 'http://192.168.0.115:8099';
+// const $perfix = 'http://10.0.0.153:8099';
+const $perfix = 'http://10.0.0.153:8099';
 // 测试环境
 // const $perfix = 'http://114.135.61.188:58082';